(本人借鑒的他人文章谤绳,如有侵權(quán)省咨,請(qǐng)私信)
這個(gè)鏈接中有圖 ?vue環(huán)境
可有可無(wú)的步驟:mac os系統(tǒng)安裝brew ?打開(kāi)終端運(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模塊安裝目錄訪問(wèn)權(quán)限
? sudo chmod-R777/usr/local/lib/node_modules/
第三步:安裝淘寶鏡像cnpm ?國(guó)內(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
第六步:硬盤(pán)上創(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)目依賴(lài)
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