vuejs開發筆記—IDE選擇和WebStorm效能最佳化、架構特性和資料調用、路由的配置以及原理

標籤：tps   bsp   style   閱讀   查看   nod   xms   ajax   target   

一、IDE的選擇：

　　VsCode和WebStorm都是不錯的選擇，兩者運行調試都非常的方便都可以使用快速鍵運行和停止，就開啟項目的速度和對電腦配置的要求來說，vscode要比webstorm要出色很多，如果電腦配置足夠好的情況下請忽略前面說的效能問題，具體的使用要看個人的需求和愛好了。

　　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的路由配置以及原理

　　

 

　　

 

 

 

 

 

 

 

 

 

 

 

 

　　

vuejs開發筆記—IDE選擇和WebStorm效能最佳化、架構特性和資料調用、路由的配置以及原理