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


一、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深入淺出—常用操作手冊》點擊查看,希望我的文章能對你有所幫助!

 

 

祝:周末愉快!

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM