一、IDE的選擇：
VsCode和WebStorm都是不錯的選擇，說一下兩者的優缺點，除錯便捷性來說兩者不相上下.
WebStorm缺點：效能方面VsCode遠好於WebStorm；
WebStorm優點：程式碼引用追蹤Ws有VsCode無，控制檯輸出WS有著色能看出那塊程式碼有問題，VsCode無著色控制檯日誌和bug檢視不直觀；
綜合使用來說：推薦使用WebStorm，如果你的電腦配置實在不好可以酌情使用VsCode.
1.先說VsCode的配置：
首先是要裝VsCode的擴充套件外掛，點選左上角最後一個圖示，在搜尋裡面輸入JavaScript (ES6) snippets/NPM/Vue 2 Snippets；
第二步除錯配置：VsCode第一次執行只需要把專案切換到專案根目錄/build/dev-server.js點選執行按鈕或者使用快捷鍵F5就可以啟動專案了，第一次啟動之後ide就會把啟動的js記錄下來，下次不管在那個頁面只需要使用F5啟動即可；
2.再說WebStorm的使用優化和vuejs專案的除錯配置：
①.優化WebStorm解決卡頓的問題。
WebStorm的優化主要在設定記憶體上，防止ws卡死，設定步驟如下：webstorm安裝主目錄>bin>WebStorm.exe.vmoptions，更改第二行：-Xms526m，第三行：-Xmx1024m；
②.配置vuejs除錯js就不需要輸npm run dev 啟動命令。
二、VueJs框架特性和資料呼叫：
框架特性：純前端語言，要配合後臺介面才可以實現資料交換，vuejs相當於一個編譯工具，把你寫的程式碼和依賴的三方庫，編譯成瀏覽器可以識別js語言和html頁面，所有的業務在使用者的瀏覽器端執行。
資料呼叫：既然是客戶端語言那麼如果讓vuejs去做伺服器端渲染（SSR）是一件極其困難的事情，官方是這樣說的：
“在 2.3 釋出後我們釋出了一份完整的構建 Vue 服務端渲染應用的指南。這份指南非常深入，適合已經熟悉 Vue, webpack 和 Node.js 開發的開發者閱讀。請移步 ssr.vuejs.org。（目前只有英文版，社群正在進行中文版的翻譯）”，可見vuejs在伺服器端渲染是非常吃力不討好的（當然有興趣的朋友可以去試一下ssr的搭建和渲染，對於深入瞭解一門語言的原理是很有幫助的），既然vuejs不擅長做伺服器端渲染，我們還是把目光聚焦在vuejs的前端操作上，那麼一個前臺站點去掉用後臺最直接的方式就是ajax或者是rpc遠端呼叫，ajax的使用可以使用一些優秀的框架，比如axios、zeptojs等，這些都是可以滿足需求的，當然如果使用rpc的話可以使用hprose等。
具體常用的ajax請求的呼叫方式和方法，我這裡就不細說了，需要的請自行百度，vue官方推薦的交換框架是axios檢視詳情:https://npm.taobao.org/package/axios；
三、VueJs路由選項以及使用
路由選項：
使用：比如我要使用啟用HTML5 history功能的路由器，
var router = new VueRouter({ mode:'history' });
到這了你可能已經對VueJs有了大體的瞭解，之前我還寫了一篇關於：《VueJs深入淺出—常用操作手冊》點選檢視，希望我的文章能對你有所幫助！
祝：週末愉快！