vscode vue模板快捷鍵 什么編輯器適合寫Vue?
什么編輯器適合寫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ā)工具。下面就開始介紹一下它的一些功能吧。
語(yǔ)法高亮
Vetur支持.vue文件的語(yǔ)法高亮顯示,除了支持template模板以外,還支持大多數(shù)主流的前端開發(fā)腳本和插件,比如Sass和TypeScript,完整的支持高亮的語(yǔ)法如下所示:。語(yǔ)法高亮是所有ide必備的功能之一,沒有語(yǔ)法高亮寫起代碼實(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)論或者私信。
sublime和vscode哪個(gè)制作網(wǎng)頁(yè)前端簡(jiǎn)單些?
vscode相對(duì)來說要更易用和友好一點(diǎn),插件更豐富,代碼提示和補(bǔ)全功能更強(qiáng)大。和相關(guān)的前端打包部署工具、代碼管理工具親和性更強(qiáng),生態(tài)良好。
最重要的一點(diǎn),vscode目前已逐漸成為編程主流編輯器,用戶眾多,遇到問題時(shí)不用擔(dān)心找不到答案。
如何創(chuàng)建一個(gè)網(wǎng)站?
自己在網(wǎng)游中,圖的是覓友,尋找自已的快樂,這目的已達(dá)到了。不想,也沒能力開自己.的網(wǎng)站,謝友的關(guān)懷。