使用vue-cli搭建vue項目問題解決方案
阿新 • • 發佈:2018-08-10
清理 ins class fig false lean 默認安裝 全局 搭建
工欲善其事必先利其器,安裝所需環境
- node和npm的安裝
首先需要安裝node環境,直接到官網下載安裝包 https://nodejs.org/zh-cn/
安裝node默認安裝npm, 不需要重復安裝npm。安裝完成後,可以命令行工具中輸入 node -v 和 npm -v,如果能顯示出版本號,就說明安裝成功。
- 下載dev-tool工具
為了以後調式做準備 https://github.com/vuejs/vue-devtools#vue-devtools - 安裝全局vue-cli腳手架
npm install -g vue-cli
出現如下問題:
npm install -g cnpm –registry=https://registry.npm.taobao.org
安裝vue-cli
安裝好了node後,我們可以直接在控制臺通過命令安裝vue-cli
npm install -g vue-cli //-g 表示全局安裝vue-cli
這種安裝方式比較慢,推薦使用國內鏡像來安裝,所以我們先設置cnpm,在控制臺安裝cnpm 命令,安裝成功後,我們也可以通過cnpm -v來查看對應的安裝版本。
當然,如果安裝失敗,可以使用 npm cache clean 清理緩存,然後再重新安裝。後面的安裝過程中,如有安裝失敗的情況,也需要先清理緩存。
或者通過命令npm config set strict-ssl false關閉npm的https
npm config set strict-ssl false //關閉npm的https // npm cache clean 如果安裝失敗,請打開該註釋,然後兩句一起運行 npm install -g cnpm --registry=https://registry.npm.taobao.org
使用vue-cli搭建vue項目問題解決方案