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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM