npm install -g vue-cli
vue init <template-name> <project-name>
template-name:
css
用例:vue
vue init webpack projectName(通常狀況下都是用webpack模板)
1.安裝模板 vue init webpack myProject 2.進入myProject文件夾 cd myProject 3.安裝項目依賴包 npm install 4.啓動項目 npm run dev
npm install -g @vue/cli
安裝完成後運行如下命令查看安裝是否成功:webpack
vue --version
vue create myProject
vue create --help
你也能夠經過vue ui
命令以圖形化界面建立和管理項目:web
vue ui
安裝一個全局橋接工具拉取2.x的模板vue-router
npm install -g @vue/cli-init vue init webpack myProject
Vue CLI 使用了一套基於插件的架構,插件能夠修改 webpack 的內部配置,也能夠向 vue-cli-service 注入命令。在項目建立的過程當中,絕大部分列出的特性都是經過插件來實現的。vuex
vue add @vue/eslint # 等價於 vue add @vue/cli-plugin-eslint 你也能夠基於一個指定的 scope 使用第三方插件。例如若是一個插件名爲 @foo/vue-cli-plugin-bar,你能夠這樣添加它: vue add @foo/bar 你能夠向被安裝的插件傳遞生成器選項 (這樣作會跳過命令提示): vue add @vue/eslint --config airbnb --lintOn save vue-router 和 vuex 的狀況比較特殊——它們並無本身的插件,可是你仍然能夠這樣添加它們: vue add router vue add vuex