VueJs開發筆記—IDE選擇和優化、框架特性、數據調用、路由選項及使用

1、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 啓動命令。

　　　　

　　

 

---

 

2、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；

 

---

 

3、VueJs路由選項以及使用

　　路由選項：

　　

　　使用：比如我要使用啓用HTML5 history功能的路由器，

var router = new VueRouter({
  mode:'history'
});

 

 到這了你可能已經對VueJs有了大致的瞭解，以前我還寫了一篇關於：《VueJs深刻淺出—經常使用操做手冊》點擊查看，但願個人文章能對你有所幫助！

　

 

祝：週末愉快！