1. 程式人生 > >nvm安裝到vue-cli構建項目

nvm安裝到vue-cli構建項目

項目 vue-cli 設置 pat windows utl web 環境 ini

首先從 https://github.com/coreybutler/nvm-windows/releases 下載Nvm到本地
然後把本地Nvm包解壓安裝 並從安裝路徑下找到settings.xml打開,並在後面加上
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

然後從cmd中進入nvm的安裝路徑 並執行 nvm install v6.11.2(這裏是版本號)
接下來 執行 nvm on v6.11.2 從而使用該版本的Nodejs

然後進入Nodejs的安裝目錄 設置npm的源為淘寶源
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

把npm的路徑加入到系統環境變量中例如 npm D:\Nvm\nvm\v6.11.2
並在Path最前面加入 %npm%\;
重新打開cmd 輸入 npm -v 如果出現版本號則是配置全局npm成功

運行 npm install -g vue
npm install -g vue-cli
npm install -g webpack

從https://git-scm.com/download/win下載Git 並安裝

進入vue、vue-cli所在的文件夾 運行vue init webpack Demo_9_1
然後根據提示填寫信息遇到Y/N就輸入y 回車
然後進入所構建好的項目Demo_9_1
運行npm install
npm run dev(用於啟動一個8080端口)
在瀏覽器輸入http://127.0.0.1:8080
看到Welcome to Your Vue.js 就大功告成!

nvm安裝到vue-cli構建項目