## 安裝腳手架
更喜歡觀看視頻?可以[點此觀看](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內存那點事