什么編輯器適合寫Vue？能寫vue的編輯器/ide有很多，我個(gè)人比較推薦用VSCode 來寫vue，就連vue的作者尤雨溪也在微博上說過自己也用的是VSCode 。我們今天講講該如何用VSCode 開

什么編輯器適合寫Vue？

能寫vue的編輯器/ide有很多，我個(gè)人比較推薦用VSCode 來寫vue，就連vue的作者尤雨溪也在微博上說過自己也用的是VSCode 。

我們今天講講該如何用VSCode 開發(fā)vue。跟大多數(shù) IDE 一樣，VSCode 也有擴(kuò)展和主題市場(chǎng)，包含海量插件。使用VSCode 開發(fā)vue一定要安裝幾個(gè)強(qiáng)大的插件，提高工作效率。比如VSCode下面的Vetur就是這樣一款必備的Vue開發(fā)工具。下面就開始介紹一下它的一些功能吧。

語法高亮

Vetur支持.vue文件的語法高亮顯示，除了支持template模板以外，還支持大多數(shù)主流的前端開發(fā)腳本和插件，比如Sass和TypeScript，完整的支持高亮的語法如下所示：。語法高亮是所有ide必備的功能之一，沒有語法高亮寫起代碼實(shí)在是不舒服。

錯(cuò)誤檢測(cè)

Vetur默認(rèn)使用 eslint-plugin-vue@beta 來檢測(cè) <template>，錯(cuò)誤檢測(cè)能夠幫助我們?cè)陂_發(fā)過程發(fā)現(xiàn)xie

自動(dòng)格式化

Vetur推薦使用2個(gè)空格來規(guī)定 editor.tabSize 和 editor.insertSpace，對(duì)于html和css/scss/less格式使用js-beautify來規(guī)范，js/ts的格式使用 TypeScript"s language service，同時(shí)這些配置是可以改變的。有了自動(dòng)格式化功能，寫代碼時(shí)可以減少注意格式花的時(shí)間，把時(shí)間精力放在代碼本身，大大提升寫代碼效率。

感謝閱讀，如果有問題需要繼續(xù)交流，歡迎評(píng)論或者私信。

webstorm有vue的插件嗎？

現(xiàn)在已經(jīng)有vue.js的插件啦，setting --> plugins 就可以咯Mac端WebStorm用戶。command ， 打開偏好設(shè)置，選擇plugins，，點(diǎn)擊下方的browse repositories...在打開窗口的搜索欄里打"vue"。 有兩個(gè)插件但是都不是官方的。如果想要高亮顯示*.vue文件，可以在File Types 選項(xiàng)里找到HTML，然后在下方手動(dòng)添加*.vue，這樣就有高亮啦。

現(xiàn)在做web前端是不是必須會(huì)小程序開發(fā)？

技多不壓身，如果你是一個(gè)經(jīng)驗(yàn)豐富的前端，多學(xué)一下小程序開發(fā)，時(shí)間精力成本并不高，且收益多。

從目前市場(chǎng)上來看，小程序的發(fā)展趨勢(shì)是越來越強(qiáng)勁。而且小程序的優(yōu)勢(shì)是比較明顯的。比如不用安裝，即開即用，省流量，省安裝時(shí)間，不占用桌面。對(duì)用戶使用上來說，只要你是微信用戶，他就隱藏在你的微信里面，要用的時(shí)候打開，不用的時(shí)候關(guān)掉。這點(diǎn)比需要下載，還要占用手機(jī)內(nèi)存空間的APP要好。

從推廣的角度來說，小程序可以更高效便捷的獲取客流量，相較于原生APP，推廣更容易更簡(jiǎn)單，更省成本。

當(dāng)然，不只是微信小程序，現(xiàn)在頭條/抖音小程序需求量也是滿大的，比如直播帶貨引流到小程序進(jìn)行下單。

我個(gè)人認(rèn)為，作為一個(gè)國內(nèi)的專業(yè)前端，從職業(yè)發(fā)展和市場(chǎng)需求來說，小程序開發(fā)是必須掌握的技能。技術(shù)上你并不需要多學(xué)什么，只是多熟悉一種框架罷了，參照文檔，一天就能上架一款小程序。

PS：目前市場(chǎng)上小程序的私活是越來越多哦。