一砂沛、node環(huán)境安裝
1.1 如果本機(jī)沒有安裝node運(yùn)行環(huán)境献烦,下載node 安裝包進(jìn)行安裝
1.2 如果本機(jī)已經(jīng)安裝node的運(yùn)行換,更新至最新的node 版本 (npm install -g npm)
#查看當(dāng)前node版本
$ node -v
v8.9.4
#清除node.js的cache(不確定有沒有必要)
$ sudo npm cache clean -f
Password:
npm WARN using --force I sure hope you know what you are doing.
#安裝工具n 与帆,這個(gè)工具是專門用來(lái)管理node.js版本的
$ sudo npm install -g n
/usr/local/bin/n -> /usr/local/lib/node_modules/n/bin/n
+ n@2.1.8
added 1 package from 4 contributors in 1.776s
#安裝最新版本的node.js
$ sudo n stable
install : node-v9.8.0
mkdir : /usr/local/n/versions/node/9.8.0
fetch : https://nodejs.org/dist/v9.8.0/node-v9.8.0-darwin-x64.tar.gz
######################################################################## 100.0%
installed : v9.8.0
#再次查看node.js版本
$ node -v
v9.8.0
#查看node的安裝路徑
$ which node
/usr/local/bin/node
成功:
二了赌、 vue-cli腳手架安裝
2.1 切換cnpm
如果訪問外網(wǎng)比較慢,可以使用淘寶的鏡像 https://npm.taobao.org/
打開命令終端
npm install -g cnpm --registry=https://registry.npm.taobao.org
回車之后玄糟,我就可以可以快樂的用 cnpm 替代 npm
2.2 安裝vue-cli
# 查看版本
$ npm -v
2.3.0
#升級(jí) npm
cnpm install npm -g
# 升級(jí)或安裝 cnpm
npm install cnpm -g
# 最新穩(wěn)定版
$ cnpm install vue
# 全局安裝 vue-cli
$ cnpm install --global vue-cli
# 創(chuàng)建一個(gè)基于 webpack 模板的新項(xiàng)目
$ vue init webpack my-project
# 這里需要進(jìn)行一些配置勿她,默認(rèn)回車
cd vue-demo
npm install
npm run dev