因?yàn)殚_發(fā)用的Mac系統(tǒng)恶耽，所以網(wǎng)上很多
vue.js組件化開發(fā)環(huán)境搭建教程都不完全適用，多次踩坑總結(jié)了一下正確姿勢(shì)决左，當(dāng)做筆記愕够，望指正。如果你只是簡(jiǎn)單的想了解使用哆窿，請(qǐng)移步 官方教程 链烈。
以下操作都在Mac自帶終端操作:
-
首先安裝包管理homebrew
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
-
安裝 node.js
-
獲取nodejs模塊安裝目錄訪問權(quán)限
如果不獲取權(quán)限厉斟，是安裝不成功的挚躯。
sudo chmod -R 777 /usr/local/lib/node_modules/
-
更換淘寶鏡像（cnpm）
不換的話速度慢得要死，大家時(shí)間都很寶貴的擦秽。
npm install -g cnpm --registry=https://registry.npm.taobao.org
-
安裝 webpack 模塊打包器
cnpm install webpack -g
-
安裝 vue.cli 工具
sudo cnpm install -g vue-cli
-
本機(jī)創(chuàng)建一個(gè)文件夾放工程用码荔，并cd到該目錄
請(qǐng)不要直接復(fù)制粘貼
cd /Users/qingqing/Desktop/技術(shù)相關(guān)/VUE
-
終于到了創(chuàng)建 vue.js 工程
my-project是你要?jiǎng)?chuàng)建的工程名字漩勤，可以隨意寫但是不能有中文。
vue init webpack my-project
之后會(huì)出現(xiàn)很多設(shè)置缩搅，我這里都選的yes 當(dāng)然也可以選擇no越败，只是一些測(cè)試工具，code工具等硼瓣。
-
安裝項(xiàng)目依賴
cd 到創(chuàng)建的工程目錄下 我這里是 cd my-project
cnpm install
-
安裝 vue 路由模塊vue-router和網(wǎng)絡(luò)請(qǐng)求模塊vue-resource
cnpm install vue-router vue-resource --save
-
啟動(dòng)項(xiàng)目
npm run dev
至此就完成了究飞，開心愉快的創(chuàng)造吧！
