vue.js 相關指令

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項目案例二
在首頁,可以通過連接進去a
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
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章