我在簡書裏看到一個文章，按它來操作來超級順利，我把它複製過來了。原文原文
一、首先需要安裝必要的軟件
Homebrew ：Mac系統的包管理器，用於安裝NodeJS和一些其他必需的工具軟件
Node.js：JavaScript運行環境(runtime)
npm: node.js下的包管理器，NPM 能很好地和諸如 webpack 或 Browserify 模塊打包器配合使用
webpack : vue的組件都是.vue或者像微信小程序的.wxml或者.wxss等自定義組件都無法被用戶端的瀏覽器解析,需要編譯和打包成js文件
vue-cli ：用來生成模板的Vue工程
二、安裝步驟
1.安裝homebrew
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
注：在Max OS X 10.11（El Capitan)版本中，homebrew在安裝軟件時可能會碰到/usr/local目錄不可寫的權限問題。可以使用下面的命令修復：
sudo chown -R `whoami` /usr/local
在終端輸入brew -v,如果能查詢到brew的版本信息，那麼恭喜你安裝成功。可以繼續往下擼了
2.使用homebrew安裝node.js
brew install node
同上，如果在終端輸入node -v 能夠查詢到版本信息，就說明安裝成功。
3.獲取nodejs模塊安裝目錄訪問權限
sudo chmod -R 777 /usr/local/lib/node_modules/
4.安裝全局的webpack
npm install webpack -g
5.安裝vue腳手架vue-cli
npm install vue-cli -g
6.找一個合適的位置存放你的vue工程
cd 目錄路徑
注：目錄路徑直接把創建好的文件夾拖拽到終端裏就可以
7.創建項目
vue init webpack-simple 項目名
如：vue init webpack-simple vue2demo
注：項目名不可以使用中文，也不能使用大寫字母
創建項目之後會出現一系列的參數配置，根據自己的情況 進行選擇，因爲最後2個的配置具體是啥意思我也沒搞懂呢
8.將根目錄切換到項目
cd 項目名
如：cd vue2demo
9.安裝項目依賴
npm install
10.安裝 vue 路由模塊vue-router和網絡請求模塊vue-resource
npm install vue-router vue-resource --save
11.啓動項目
npm run dev
注：如果運行成功，瀏覽器會彈出以下的運行結果圖：
圖1
四、本地編譯器的選擇
我用的是vscode（visual studio code）
圖2
打開編譯器，選擇打開文件夾，就可以看到，剛剛創建的工程的目錄列表
圖3
注：如果你打開你的.vue文件發現一片灰，不要急，vscode會提示你安裝相關插件工具，具體安裝了啥忘記截圖了，就記得第一個是tools什麼的，然後重載頁面，就可以看到五彩繽紛的編程頁面了。今天就到這啦，繼續加油。
作者：MM麪包
鏈接：https://www.jianshu.com/p/918314e9f757
來源：簡書
簡書著作權歸作者所有，任何形式的轉載都請聯繫作者獲得授權並註明出處。