聽别人推薦，是以vue的編輯器使用的是VSCode。
VSCode其github說明為“VS Code is a new type of tool that combines the simplicity of a code editor with what developers need for their core edit-build-debug cycle.”即，VSCode是将代碼編輯器的簡單性與開發者所需要的核心編輯-建構-調試周期相結合的一種新型工具。
VSCode下載下傳安裝如下所述：
- 在VSCode官網點選下載下傳最新版的VSCode。
VSCode官網位址為：https://code.visualstudio.com/。點選windows版本進行下載下傳。如下圖所示：
下載下傳好以後如下圖所示：
- 輕按兩下.exe安裝VSCode，一直點選下一步即可。
- 在VSCode中安裝eslint插件。
ESLint是一款智能錯誤檢測插件。其官網為“https://eslint.org/”，其說明為“ESLint is an open source project originally created by Nicholas C. Zakas in June 2013. Its goal is to provide a pluggable linting utility for JavaScript.”，即，ESLint起初是由Nicholas C. Zakas建立于2013年6月的一個開源項目。它的目的是為JavaScript提供一個可插拔的應用程式。
安裝好以後，打開VSCode界面，點選左側菜單欄的“擴充”，搜尋“eslint”，然後點選安裝即可。如下圖所示：（我的已經安裝好了）
- 在VSCode中安裝vetur插件。
Vetur是一款vue檔案基本文法高亮的插件。其下載下傳安裝方式同ESLint。如下圖所示：
- 配置。
點選檔案-->首選項-->設定，打開設定界面，在設定界面的右側添加配置代碼：
"files.autoSave": "off",
"eslint.validate": [
"javascript",
"javascriptreact",
"html",
"vue",
{"language": "vue", "autoFix": true}
],
"eslint.options": {
"plugins": ["html"]
},
"emmet.syntaxProfiles": {
"vue-html": "html",
"vue": "html"
}
如下圖所示：
如何在VSCode中打開本地項目？
點選檔案-->打開檔案夾，導入本地項目，即可在VSCode下檢視并編輯本地項目了。如下圖所示：
如何在VSCode中打開多個項目？
點選檔案-->将檔案夾添加到工作區，即可打開多個項目。如下圖所示：
VSCode下怎樣全局搜尋？
點選檔案-->首選項-->設定，添加如下配置代碼：
"search.exclude": {
"system/": true,
"!/system*.ps*": true
}
如下圖所示：