vue-cli3創建項目

vue-cli3創建項目

//全局安裝cli3.0
npm install -g @vue/cli 
//啓動vue ui界面
vue ui

啓動後按照中文提示，新建項目，vue這點最好，有中文版的。
安裝後界面如下

可以看到vue的全部配置，而且在任務裏有熱加載 打包等功能

在變量這裏可以配置輸出目錄，域名等等

快速啓動可以直接點serve點運行。
在本地我們可以看到新建好的目錄，如下：

1. vue.config.js是可選的，我安裝了eslint檢查，但是沒有啓用這個，所以有一個配置文件。
   
2. package.json裏面是一些項目描述、版本已經開發依賴和生產依賴
3. babel.config babel文件
4. .eslintrc.js eslint配置文件
5. public裏面的index.html是模板文件，favicon.ico是網站前面的小圖標
6. components裏面是組件存放地址
7. views裏面是頁面文件
8. router.js 路由
9. store.js 狀態管理文件

現在我們要修改下整體目錄
1. api 接口文件
2. config/index.js 存放項目配置
3. asset/img 圖片
4. asset/font 字體圖標
5. directive/index.js 自定義指令
6. lib/util.js 業務方法
7. lib/tools.js 工具方法
8. router/index.js 複雜的路由攔截等操作
9. router/router.js 路由列表
10. mock mock數據

最終目錄接口請參考GitHub地址vue-course frist commit