Vue環(huán)境搭建(一)

#下載安裝node.js

#更改npm為淘寶鏡像:

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

#更改npm全局安裝包的位置:

$ npm config set prefix "C:\nodeModules"

# 全局安裝 vue-cli(全局安裝完成之后,就可以直接通過vue init webpack my-project創(chuàng)建新的vue項目)

(win10系統(tǒng)下,因為C盤存在訪問權(quán)限限制,因此執(zhí)行下述代碼提示報錯:EPERM: operation not permitted;解決方法是:通過目錄找到C:\Windows\System32\cmd.exe,然后右鍵單擊,出現(xiàn)選項,選擇以管理員身份運行即可,然后再次輸入安裝命令:npm install –global vue-cli 即可安裝成功。通過輸入vue,如果能出來命名則安裝成功。))

$ cnpm install -g vue-cli

#最好在定義的全局安裝包的位置(即上述C:\nodeModules)創(chuàng)建新的vue項目:

cd 進入nodeModules

# 創(chuàng)建一個基于 webpack 模板的新項目

$ vue init webpack my-project

# 安裝依賴,走你

$cd my-project

$ npm install(cnpm install)

$ npm run dev

#注:當搭建的環(huán)境需要用到一些其它插件時,可以通過cnpm install "插件名" --save -dev安裝:

npm install vue-router vue-resource --save(如安裝router插件)

--save-dev是你開發(fā)時候依賴的東西,--save是你發(fā)布之后還依賴的東西。

安裝成功后,可以在package.json文件看到安裝好的目錄

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容