## 安装脚手架
更喜欢观看视频?可以[点此观看](https://www.youtube.com/watch?v=)
# :-: `npm i ttk-tool -g`
*****
`* 安装之前检查一下node环境是否已安装成功,`
**脚手架命令说明**
命令/简写 | 说明
---|---
new/n | 创建新项目
module/mo | 创建新模块
delmodule/dmo | 删除指定模板,参数必填
app/模块/appName | 创建空页面appName
sever/se | 启动Mock服务
service/sc | 启动Web服务
~~clone/c~~ | ~~(废弃)克隆App~~
~~compile/cp~~| ~~(废弃) 编译项目~~
~~update/up~~ | ~~(废弃)更新App~~
~~apps/as~~ | ~~(废弃)批量克隆App~~
- ### 安装(安装一次即可,如果有更新,需要再次安装)
```
npm i -g ttk-tool
```
- ### 创建项目
```
1. ttk new myproject
```
`myproject`为项目名称,该命令会创建一个空白项目。请按脚手架的提示操作,项目创建成功后,执行 `npm run start`,打开浏览器输入`http://localhost:8081`后测试环境是否安装成功。
```
2.ttk module biz
```
`biz`为模块名称,该命令会创建一个空白的模块在apps目录下
```
3.ttk app biz/myhelloworld
```
该命令会在apps/biz目录下创建一个叫myhelloworld的空白页面
```
4.ttk delmodule biz
```
该命令会在apps文件目录删除\[name\]模块,如果模块内部有app需要手动剪切走
*****
**以下仅供了解,不需要执行**
**以下仅供了解,不需要执行**
**以下仅供了解,不需要执行**
- ### 克隆app
```
ttk clone ttk-edf-app-login apps/edf/ttk-edf-app-login
```
- ### 批量克隆app
```
ttk apps apps/edf ttk-edf-app-login ttk-edf-app-portal ...
```
- ### 更新已经存在的app
```
ttk update app[包的名字] path[已经存在的路径]
```
更新基础模块
```
ttk update ttk-app-core
```
- ### 编译项目
```
ttk compile
```
- ### 创建一个空的app
```
ttk app path[路径+app名称]
如:ttk app edf/ttk-edf-app-login [默认会在apps路径下创建]
```
> 默认取最末级作为app的名称
- ### 重置app的目录结构
```
ttk reset
```
>此命令会遍历apps/下的文件目录,重新生成相应的`./index.js`、`mock.js`、`assets/style/app.less`的路径。
- 序言
- 环境搭建
- node环境安装
- npm国内源切换
- git知识学习
- git安装
- git基本操作
- gitSSH配置
- vscode安装使用
- 安装
- git使用
- 前端开发环境
- 安装脚手架及创建页面
- 框架源码目录结构
- 相关API
- 项目启动
- 如何运行
- 如何兼容到IE8
- 启动参数说明
- IE8环境下兼容总结
- 注意的效率问题
- 框架亮点
- 相关技术栈介绍
- 功能强大的UI组件库
- 数据驱动视图
- 通用的公共类库
- 组件视图生成器
- 嵌入第三方站点
- 简单易用-react
- 简单易用-redux
- 1分钟入门示例(hello world)
- 高级概念
- 入门概念
- 高级概念-1
- 前后端联调
- 其它常用场景
- 详细介绍(action、data、reducer)
- action.js
- data.js
- reducer.js
- 进阶
- Mock数据
- 引入第三方插件
- 模块拆分
- iframe接入
- 页面模型生成器
- webpack@3升级到4.x
- 生产部署
- 生产打包
- nginx部署
- tomcat部署
- hbuilder打包部署
- nodejs部署
- docker部署
- 常见问题
- 兼容IE8
- 自动升级
- 贡献模板
- 浏览器支持统计
- 前端调试
- 注意事项(重要)
- 内存泄漏
- JavaScript内存那点事