vue-cli環境安裝
從國外服務器全局下載安裝vue腳手架:
npm install -g vue-cli
從淘寶鏡像下載安裝:
npm install -gd express --registry=http://registry.npm.taobao.org
永久設置從淘寶鏡像下載命令:
npm config set registry http://registry.npm.taobao.org
下次可直接
npm install -g vue-cli
查看全局安裝的文件夾位置
npm root g
注:
-S, --save 安裝包信息將加入到dependencies(生產階段的依賴)
-D, --save-dev 安裝包信息將加入到devDependencies(開發階段的依賴)
i 是 install 的縮寫(注意:前面沒有“-”)
npm i -D vue-cli 本地安裝失敗 則執行npm init -f
-f表示不去回答裏面各種參數的配置
儘量採用全局安裝 -g
cnpm的安裝(下載)
npm install -g cnpm --registry=https://registry.npm.taobao.org
創建vue-cli項目
vue init webpack projectName
注:
vue-cli項目案例一
將vuecli的首頁更改爲自定義的helloworld頁面
配置vue語法高亮
地址:https://github.com/vuejs/vue-syntax-highlight
下載後解壓後的文件複製到插件庫的位置如下圖:
在preference打開browser packages ,會出現如下內容:
然後使用快捷鍵ctrl+shift+p調出控制檯,輸入vue選擇第一個
vue-cli項目案例二
vue-cli項目案例三
添加到生產環境
npm install eslint --save
npm install eslint --dev
添加到開發環境
npm install eslint --save-dev
卸載生產環境
npm uninstall eslint --save
npm uninstall eslint --dev
卸載開發環境
npm uninstall eslint --save-dev