推薦VSCode上特別好用的Vue插件之vetur

Vue自從發(fā)布以來就一直受到前端開發(fā)人員的熱愛，而除了一些本身優(yōu)秀的特征之外，還有就是豐富的插件和工具的支持和更新。雖然現(xiàn)在的編輯器需要安裝相應(yīng)的plugins才能進(jìn)行Vue組件化開發(fā)，但是越來越多優(yōu)秀的plugins都提供了強(qiáng)大的支持。比如VSCode下面的Vetur就是這樣一款必備的Vue開發(fā)工具。下面就開始介紹一下它的一些功能吧

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對(duì)這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡(jiǎn)單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴，公司提供的服務(wù)項(xiàng)目有：域名注冊(cè)、虛擬空間、營(yíng)銷軟件、網(wǎng)站建設(shè)、觀山湖網(wǎng)站維護(hù)、網(wǎng)站推廣。

Github倉(cāng)庫(kù)：Vetur
官方文檔：Vetur文檔

語法高亮

Vetur支持.vue文件的語法高亮顯示，除了支持template模板以外，還支持大多數(shù)主流的前端開發(fā)腳本和插件，比如Sass和TypeScript，完整的支持高亮的語法如下所示：

語法高亮

Snippet

你可以使用一些snippet來編寫不同的腳本，比如在script中申明 lang=”ts” 來開發(fā)TypeScript

<script lang="ts">
 // Use TS snippets here
</script>

Emmet

VSCode本身自帶了Emmet，能夠通過Tab鍵對(duì)HTML5的代碼進(jìn)行快速開發(fā)，不過，VSCode中需要修改Emmet配置才能對(duì)Vue進(jìn)行支持。打開文件->首選項(xiàng)->設(shè)置，就會(huì)進(jìn)入到 settings.json 文件中，在左側(cè)是VSCode默認(rèn)的配置

在窗口右側(cè)可以進(jìn)行一系列的配置，在其中添加

"emmet.syntaxProfiles": {
 "vue-html": "html",
 "vue": "html"
}

這樣就可以愉快的在Vue中體驗(yàn)Emmet帶來的方便和快捷了

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

Vetur默認(rèn)使用 eslint-plugin-vue@beta 來檢測(cè)

你可以在設(shè)置中的 settings.json 文件關(guān)閉 linting：

修改 vetur.validation.template 為false即可

格式

Vetur推薦使用2個(gè)空格來規(guī)定 editor.tabSize 和 editor.insertSpace，對(duì)于html和css/scss/less格式使用js-beautify來規(guī)范，js/ts的格式使用 TypeScript's language service，同時(shí)這些配置是可以改變的。具體可以參考：

js-beautify的Github倉(cāng)庫(kù)：js-beautify

Sbulime-HTMLPrettify的Github倉(cāng)庫(kù)：Sublime-HTMLPrettify

除了以上的功能外，還有代碼補(bǔ)全和Debugging功能，總而言之，一個(gè)工具如果能夠?yàn)殚_發(fā)提供非常大的便利，那么它就是非常值的推薦的。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。

當(dāng)前標(biāo)題：推薦VSCode上特別好用的Vue插件之vetur
網(wǎng)站地址：http://muchs.cn/article18/ijocgp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設(shè)計(jì)、微信小程序、App設(shè)計(jì)、自適應(yīng)網(wǎng)站、做網(wǎng)站、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)