什么編輯器適合寫(xiě)Vue？有許多編輯器/ide可以編寫(xiě)Vue。我個(gè)人建議使用vscode來(lái)編寫(xiě)Vue。就連Vue的作者游玉喜也在微博上表示，他也使用vscode。今天我們將討論如何使用vscode開(kāi)發(fā)V

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

有許多編輯器/ide可以編寫(xiě)Vue。我個(gè)人建議使用vscode來(lái)編寫(xiě)Vue。就連Vue的作者游玉喜也在微博上表示，他也使用vscode。

今天我們將討論如何使用vscode開(kāi)發(fā)Vue。與大多數(shù)ide一樣，vscode也有擴(kuò)展和主題市場(chǎng)，包括大量插件。使用vscode開(kāi)發(fā)Vue必須安裝多個(gè)功能強(qiáng)大的插件才能提高工作效率。例如，vscode下的vetur就是這樣一個(gè)必要的Vue開(kāi)發(fā)工具。讓我們從它的一些功能開(kāi)始。

Vetur支持語(yǔ)法高亮顯示。Vue文件。除了支持模板之外，它還支持大多數(shù)主流的前端開(kāi)發(fā)腳本和插件，比如sass和typescript。支持突出顯示的完整語(yǔ)法如下跟隨：。語(yǔ)法高亮顯示是所有ide的基本功能之一。編寫(xiě)沒(méi)有語(yǔ)法突出顯示的代碼真的很不舒服。

默認(rèn)情況下使用Vetureslint插件vue@beta對(duì)于detect< template>，錯(cuò)誤檢測(cè)可以幫助我們?cè)陂_(kāi)發(fā)過(guò)程中發(fā)現(xiàn)錯(cuò)誤編輯器.tabSize以及編輯器.insertSpace對(duì)于HTML和CSS/SCSS/less格式，JS beauty用于標(biāo)準(zhǔn)化，typescript“s language”用于JS/TS格式，這些配置可以更改。有了自動(dòng)格式化功能，在編寫(xiě)代碼時(shí)可以減少花在格式化上的時(shí)間，并且可以把時(shí)間和精力放在代碼本身上，大大提高了編寫(xiě)代碼的效率。

將VSCode設(shè)置成中文語(yǔ)言環(huán)境？

1. 打開(kāi)進(jìn)入軟件，按Ctrl-Shift-P，進(jìn)入命令行模式，進(jìn)入“配置語(yǔ)言”。

2. 從下拉框中單擊“配置顯示語(yǔ)言”。

3. 將出現(xiàn)以下界面：將“l(fā)ocale”：“en”更改為“l(fā)ocale”：“zh CN”。

4. 安裝visualstudio代碼后，打開(kāi)它并單擊extend。

5. 在“查看”文本框中輸入“語(yǔ)言包”，然后單擊所需的語(yǔ)言。這里我們安裝簡(jiǎn)體中文。

6. 安裝后，關(guān)閉軟件并重新打開(kāi)，它將成為中文。