一、IDE的選擇：

　　VsCode和WebStorm都是不錯(cuò)的選擇，說(shuō)一下兩者的優(yōu)缺點(diǎn)，調(diào)試便捷性來(lái)說(shuō)兩者不相上下.

　　WebStorm缺點(diǎn)：性能方面VsCode遠(yuǎn)好于WebStorm；

　　WebStorm優(yōu)點(diǎn)：代碼引用追蹤Ws有VsCode無(wú)，控制臺(tái)輸出WS有著色能看出那塊代碼有問(wèn)題，VsCode無(wú)著色控制臺(tái)日志和bug查看不直觀；

　　綜合使用來(lái)說(shuō)：推薦使用WebStorm，如果你的電腦配置實(shí)在不好可以酌情使用VsCode.

　　1.先說(shuō)VsCode的配置：

　　首先是要裝VsCode的擴(kuò)展插件，點(diǎn)擊左上角最后一個(gè)圖標(biāo)，在搜索里面輸入JavaScript (ES6) snippets/NPM/Vue 2 Snippets；

　　第二步調(diào)試配置：VsCode第一次運(yùn)行只需要把項(xiàng)目切換到項(xiàng)目根目錄/build/dev-server.js點(diǎn)擊運(yùn)行按鈕或者使用快捷鍵F5就可以啟動(dòng)項(xiàng)目了，第一次啟動(dòng)之后ide就會(huì)把啟動(dòng)的js記錄下來(lái)，下次不管在那個(gè)頁(yè)面只需要使用F5啟動(dòng)即可；

　　2.再說(shuō)WebStorm的使用優(yōu)化和vuejs項(xiàng)目的調(diào)試配置：

　　①.優(yōu)化WebStorm解決卡頓的問(wèn)題。

　　　　WebStorm的優(yōu)化主要在設(shè)置內(nèi)存上，防止ws卡死，設(shè)置步驟如下：webstorm安裝主目錄>bin>WebStorm.exe.vmoptions，更改第二行：-Xms526m，第三行：-Xmx1024m；

　　②.配置vuejs調(diào)試js就不需要輸npm run dev 啟動(dòng)命令。

　　　　

　　

?

---

?

二、VueJs框架特性和數(shù)據(jù)調(diào)用：

　　框架特性：純前端語(yǔ)言，要配合后臺(tái)接口才可以實(shí)現(xiàn)數(shù)據(jù)交換，vuejs相當(dāng)于一個(gè)編譯工具，把你寫(xiě)的代碼和依賴(lài)的三方庫(kù)，編譯成瀏覽器可以識(shí)別js語(yǔ)言和html頁(yè)面，所有的業(yè)務(wù)在用戶(hù)的瀏覽器端執(zhí)行。

　　數(shù)據(jù)調(diào)用：既然是客戶(hù)端語(yǔ)言那么如果讓vuejs去做服務(wù)器端渲染（SSR）是一件極其困難的事情，官方是這樣說(shuō)的：

　　“在 2.3 發(fā)布后我們發(fā)布了一份完整的構(gòu)建 Vue 服務(wù)端渲染應(yīng)用的指南。這份指南非常深入，適合已經(jīng)熟悉 Vue, webpack 和 Node.js 開(kāi)發(fā)的開(kāi)發(fā)者閱讀。請(qǐng)移步 ssr.vuejs.org。（目前只有英文版，社區(qū)正在進(jìn)行中文版的翻譯）”，可見(jiàn)vuejs在服務(wù)器端渲染是非常吃力不討好的（當(dāng)然有興趣的朋友可以去試一下ssr的搭建和渲染，對(duì)于深入了解一門(mén)語(yǔ)言的原理是很有幫助的），既然vuejs不擅長(zhǎng)做服務(wù)器端渲染，我們還是把目光聚焦在vuejs的前端操作上，那么一個(gè)前臺(tái)站點(diǎn)去掉用后臺(tái)最直接的方式就是ajax或者是rpc遠(yuǎn)程調(diào)用，ajax的使用可以使用一些優(yōu)秀的框架，比如axios、zeptojs等，這些都是可以滿(mǎn)足需求的，當(dāng)然如果使用rpc的話(huà)可以使用hprose等。

　　具體常用的ajax請(qǐng)求的調(diào)用方式和方法，我這里就不細(xì)說(shuō)了，需要的請(qǐng)自行百度，vue官方推薦的交換框架是axios查看詳情:https://npm.taobao.org/package/axios；

?

---

?

三、VueJs路由選項(xiàng)以及使用

　　路由選項(xiàng)：

　　

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

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

?

?到這了你可能已經(jīng)對(duì)VueJs有了大體的了解，之前我還寫(xiě)了一篇關(guān)于：《VueJs深入淺出—常用操作手冊(cè)》點(diǎn)擊查看，希望我的文章能對(duì)你有所幫助！

　

?

祝：周末愉快！

　　

轉(zhuǎn)載于:https://www.cnblogs.com/vipstone/p/6772813.html

總結(jié)

以上是生活随笔為你收集整理的VueJs开发笔记—IDE选择和优化、框架特性、数据调用、路由选项及使用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。