1. 先安裝好git和node.js
$ npm install -g cnpm --registry=
3. 全域性安裝vue-cli
$ cnpm install vue-cli -g
4. 初始化,建立專案(vue1),按回車即可
$ vue init webpack vue1
5. 進入建立好的資料夾vue1
$ cd vue1/
6. 安裝package.json配置的依賴,只是會多個資料夾node_modules
$ cnpm install
7. 開啟本地伺服器,會生成乙個位址,開啟它可以看到乙個vue的預設模板
$ npm run dev
8. 修改.eslintrc.js檔案配置,找到rules這個物件,新增幾個規則
'semi':2, //分號不報錯
'no-unnsed-vars':1, //定義未使用不報錯
9.如果不用eslintrc在config檔案的index.js修改一下配置,找到useeslint,將true改為false即可
useeslint: false
10. 在src檔案下的components檔案新建乙個模板mycomponent.vue
我是}
vue cli 搭建vue專案
安裝完成後,開啟命令列工具輸入命令node v,如果出現對應版本號,就說明安裝成功了。npm包管理器,是整合在node中的,所以,直接輸入npm v也會顯示出npm的版本資訊。由於npm的有些資源被牆,為了更快更穩定,所以我們需要切換到 的npm映象 cnpm。npm install g cnpm ...
vue cli搭建vue專案
生成依賴 命令 npm install 4.執行命令 npm run dev 5專案打包命令 npm run build 檢測node版本 node v 檢視npm安裝 npm v 解除安裝vue cli2 npm uninstall vue cli g 安裝vue cli3 npm install...
vue cli 搭建vue專案
前提搭建好nodejs環境 vue cli是vue.js的腳手架,用於自動生成vue.js webpack的專案模板,建立命令如下 vue init webpack 注1 為自己建立專案的名稱 注2 必須先安裝vue,vue cli,webpack,node等一些必要的環境 命令 npm insta...