（本人借鑒的他人文章，如有侵權(quán)，請(qǐng)私信）

這個(gè)鏈接中有圖 ?vue環(huán)境

可有可無的步驟：mac os系統(tǒng)安裝brew ?打開終端運(yùn)行一下命令

/usr/bin/ruby-e"$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

第一步：安裝node.js ??

下載地址：https://nodejs.org/en/download/? ? （選擇mac os）

第二步：獲取nodejs模塊安裝目錄訪問權(quán)限

? sudo chmod-R777/usr/local/lib/node_modules/

第三步：安裝淘寶鏡像cnpm ?國內(nèi)鏡像 ?比npm快

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

第四步：安裝webpack

cnpm install webpack -g

第五步：安裝vue腳手架

cnpm安裝： ? sudo cnpm install -g vue-cli

或

npm安裝（特慢，建議選擇cnpm安裝）：npm install vue-cli -g

第六步：硬盤上創(chuàng)建一個(gè)文件夾，放工程用

mkdir myvue ?(創(chuàng)建文件夾)

cd ?myvue（進(jìn)入文件夾）

第七步：創(chuàng)建一個(gè)vue.js工程

vue? init webpack(模版) vueProj（工程名）

（模版介紹https://github.com/vuejs/vue-cli? offical template)

第八步：安裝項(xiàng)目依賴

cnpm install

第九步：安裝vue路由模塊vue-router

cnpm install vue-router ?--save

安裝網(wǎng)絡(luò)請(qǐng)求模塊

cnpm install vue-resource ?--save

第十步：?jiǎn)?dòng)項(xiàng)目

npm run dev