vue-cli項目詳細搭建過程

一、安裝 Node.js 10(選擇自己需要的版本)
運行 node -v查看版本,如果不是 10,請先卸載當前版本去 Node.js 官網(wǎng)下載10.12.0版的安裝包,一路點擊下一步,注意安裝目錄可以改,一定不要在路徑中出現(xiàn)中文和空格。
注意重裝 Node.js 后,你以前用 npm 或 yarn 全局安裝的命令可能都會消失不見,如果你需要,可以需要重新全局安裝這些命令。打開 Git Bash或cmd,依次輸入以下命令,按回車:
npm config set registry https://registry.npm.taobao.org/
npm config set loglevel http
npm config set progress false

二、安裝yarn(yarn比npm更加好用)
打開 Git Bash,輸入以下命令,按回車。
npm install -g yarn

三、安裝yarn淘寶源和npm淘寶源(下載依賴更快,否則你就體驗一下等待痛苦)
yarn設(shè)置鏡像:
yarn config set registry https://registry.npm.taobao.org -g
yarn config set disturl https://npm.taobao.org/dist -g
yarn config set electron_mirror https://npm.taobao.org/mirrors/electron/ -g
yarn config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/ -g
yarn config set phantomjs_cdnurl https://npm.taobao.org/mirrors/phantomjs/ -g

npm設(shè)置為淘寶鏡像

npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
npm config set electron_mirror https://npm.taobao.org/mirrors/electron/
npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
npm config set phantomjs_cdnurl https://npm.taobao.org/mirrors/phantomjs/

四、安裝vue/cli(選擇自己需要版本)
運行 vue --version查看版本,如果不是 4.1.2,運行npm uninstall -g @vue/cli卸載當前版本

1、安裝vue/cli:yarn global add @vue/cli@4.1.2
2、檢查版本號:vue --version
3、創(chuàng)建記賬文件records:
vue create records (用cmd運行這個)
winpty vue.cmd create records (用git bash運行這個)

這是因為window系統(tǒng)使用git bash,交互提示符并不工作,你不能切換選項,你必須通過 winpty vue.cmd create 文件名 來激活,而cmd是可以直接利用上下箭頭鍵進行切換。他們都是空格鍵是進行選中或取消,回車鍵進行確認。

請查看這個圖最終結(jié)果進行配置,藍色是選中配置

配置完之后,就會進行安裝依賴。安裝時候,如果出現(xiàn)如下圖所示問題

1.png

請運行命令解決:yarn config set ignore-engines true

最后編輯于
?著作權(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)容