NPM是隨同NodeJS一起安裝的包管理工具，在這之前先安裝好npm：http://nodejs.cn/download/，
然後根據教程進行全局安裝：https://www.runoob.com/nodejs/nodejs-npm.html
編寫工具我一直用的sublime text 3，建議用官網下載的英文版，中文版固然容易看懂，但是很多功能會有一些問題
Vue的初學者可以按照Vue.js官網和菜鳥教程的步驟走，我是沒有出現什麼問題，然後devtools調試器可以選擇性安裝，最好用開發版本，鏈接在官網→安裝 可以找到，直接用<script>標籤引入就好，用之前安裝好的npm安裝淘寶鏡像，利用cnpm命令行安裝cli，用webpage搭建項目
Vue.js官網:https://cn.vuejs.org/v2/guide/installation.html
菜鳥教程:http://www.runoob.com/vue2/vue-install.html
Vue.js源碼:https://github.com/vuejs/vue
Vuejs官方工具:https://github.com/vuejs
Vuejs官方論壇:http://forum.vuejs.org/
剛開始在建立項目的時候
vue init webpack XXXX(項目名)
一直回車,默認Y
在router的時候選Y,後面一律No就行了,因爲後面的是語法檢測等目前不必要的東西
一些目錄結構:
index.html文件入口
src放置組件和入口文件
node_modules爲依賴的模塊
config中配置了路徑端口值等
build中配置了webpack的基本配置、開發環境配置、生產環境配置等
我說一下我用的sublime text 3的插件:
AutoFileName 可以自動顯示路徑文件名
BracketHighlighter 高亮顯示，傳統的顯示不太明顯，顯示這個可以清晰查看自己漏掉的標籤或者括號
ColorPicker 顏色篩選器
Emmet 編寫CSS神器，會自動彈出
PyV8 安裝Eemmet會自動安裝，如果不能，當然只有手動再安裝了
HTML5 支持hmtl5規範的插件包
jQuery 支持JQuery規範的插件包
Package Control 必安- -...
Vue Syntax Highlight Vue 語法高亮
然後是SASS，在ruby安裝出現的一個坑
不瞭解的可以瞭解一下，三大CSS預處理器，至於選擇哪個是看個人和公司，就像可口可樂和百事可樂的區別一樣，當然我選擇的是SASS，先在SASS官網安裝，自帶RUBY官網鏈接，安裝SASS必須先安裝RUBY，RUBY有些版本無法訪問，可以再試試其他版本，然後在這裏要注意：
刪除原gem源的步驟執行後，不要安裝國內淘寶源，原因是淘寶已經不再維護了，現在是由china維護，因此如果遇到報錯
ERROR: Could not find a valid gem 'sass' (>= 0), here is why:
Unable to download data from ....
就可以用
gem sources -a https://gems.ruby-china.org/（如果不行，就把htpps的s去掉）
全部安裝好後，打開sublime安裝sass和sass build，右下角的默認plain text更換爲sass，編寫後保存格式爲.scss，Ctrl+B會編譯一個新的css出來，因爲sass是css的預處理，不能直接被識別，必須經過編譯
就OK啦！
但是可能會出現utf-8的問題，就是出現亂碼或者提示錯誤，這個時候可以
找到Ruby安裝目錄如下文件，如：
D:\Ruby\lib\ruby\gems\2.2.0\gems\sass-3.5\lib\sass\engine.rb
打開文件後
添加下面代碼到各種require 'XXXXXX'後面即可
Encoding.default_external = Encoding.find('utf-8');（注意括號引號大小寫，然後要緊緊相連）
我當時以爲自己也是這個問題，結果並不是，解決了一個多小時發現都沒有報網上說的帶utf-8字樣的錯，便重啓了一下
sublime便好了，我感覺自己怕不是一個傻子吧哈哈哈。。。所以要認清問題解決
或者在這一步的時候實在解決不了，就用koala專用編譯器來編譯，變通一下，簡便很多，我只是習慣用sublime了而已，
附上網址https://www.sass.hk/skill/koala-app.html