1. 程式人生 > >mac 搭建vue開發環境

mac 搭建vue開發環境

第一、 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 install
stylus --save

 

 

 

 

參考連結:https://blog.csdn.net/sinat_31102083/article/details/79038124