Vue-CLI3詳解
阿新 • • 發佈：2019-03-03
tcs dev 新版本 是什麽 準備 分享 pack git webpack
vue-cli3快速開始
node
安裝，略。
webpack
- 安裝webpack
- npm install webpack webpack-cli -g
- 查看版本
- webpack -v
vue-cli
- 安裝vue-cli
- npm install vue-cli -g
- 查看vue-cli版本
- vue -V
- vue-cli2.x升級vue-cli3
- 卸載：npm uninstall vue-cli -g
- 安裝：npm install -g @vue/cli
創建
- 初始化項目
- vue create xxx
- 使用默認選項（或按需選擇）
運行
- cd xxx
- yarn serve
CLI簡介
包括三部分：
- CLI
- CLI服務
- CLI插件
目前最新版本3.4
- https://github.com/vuejs/vue-cli
CLI
- 三個主要命令
- vue create
- vue serve
- vue ui
服務
- 命令：vue-cli-service
- https://cli.vuejs.org/zh/guide/cli-service.html#使用命令
選項
vue create裏選項，官方叫CLI插件。
https://cli.vuejs.org/zh/guide/#cli-插件
安裝詳解
安裝前準備
安裝命令
查看版本
這裏除了npm，還出現了yarn。yarn是什麽？
- https://github.com/yarnpkg
- https://github.com/yarnpkg/yarn
- https://yarnpkg.com/zh-Hant/
- https://yarn.bootcss.com/
- npm yarn對比-jianshu
官網
- vue-cli3.x
- https://cli.vuejs.org/zh/guide/
- vue-cli2.x
- https://github.com/vuejs/vue-cli/tree/v2#vue-cli--
- vue-cli3源碼包含的東西
- https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue
其他
升級Vue-CLI3
- https://juejin.im/post/5c4a83e36fb9a049b13e91ba
一個模板
- https://github.com/wangyupo/vue-vuex-router/tree/master/src
Vue-CLI3詳解