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

什么編輯器適合寫(xiě)Vue？

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

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

語(yǔ)法高亮

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

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

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

自動(dòng)格式化

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

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

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

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

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

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

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

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

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