mac 搭建vue開發環境
阿新 • • 發佈:2018-12-11
第一、 Mac OS系統安裝 brew,開啟終端執行以下命令:
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
第二、 安裝 node.js
為了避免使用brew命令經常出錯的情況,所以採用手動安裝
下載地址:(選擇mac os)https://nodejs.org/en/download/
第三、 獲取nodejs模組安裝目錄訪問許可權 (必須步驟)
sudo chmod -R 777 /usr/local/lib/node_modules/
第四、 安裝 淘寶映象 (cnpm)
npm install -g cnpm --registry=https://registry.npm.taobao.org
第五、安裝webpack
npm install webpack -g
第六、安裝vue腳手架
sudo npm install vue-cli -g
或者
sudo cnpm install -g vue-cli
第七、在硬碟上找一個資料夾放工程用的,在終端中進入該目錄
cd 到目錄路徑
第八、建立一個vue.js工程
vue init webpack(使用哪個模板?) 工程名字<工程名字不能用中文>
第九、:安裝專案依賴
一定要從官方倉庫安裝,npm 伺服器在國外所以這一步安裝速度會很慢。
npm install
或者
cnpm install
第十、安裝 vue 路由模組vue-router和網路請求模組axios vue-axios和vuex
npm install vue-router axios vue-axios vuex --save
第十一、啟動專案
npm run dev
其他外掛的安裝
npm installstylus --save
參考連結:https://blog.csdn.net/sinat_31102083/article/details/79038124