VSCode代码颜色设置与常用插件

一、VSCode代码颜色设置

1. 在VSCode插件市场搜索 Vetur 并安装

2. 打开 VSCode 管理 –>设置；或者 文件 –> 首选项 –> 设置；或者快捷键 ctrl + , 。

3. 打开设置后，搜索 vetur ，扩展 –> vetur ，找到 “ 在 settings.json 中编辑”，点击打开 settings.json 文件，可复制以下代码进行替换。

{"editor.suggestSelection": "first","vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue","editor.codeActionsOnSave": {"source.fixAll.eslint": true},"eslint.codeAction.showDocumentation": {"enable": true},"editor.tabSize": 2,"[vue]": {"editor.defaultFormatter": "octref.vetur"},"[javascript]": {"editor.defaultFormatter": "rvest.vs-code-prettier-eslint"},"editor.autoClosingBrackets": "always","editor.wordWrap": "on","security.workspace.trust.untrustedFiles": "open","files.associations": {"*.cjson": "jsonc","*.wxss": "css","*.wxs": "javascript"},"emmet.includeLanguages": {"wxml": "html"},"minapp-vscode.disableAutoConfig": true,"eslint.format.enable": true}

二、常用插件

以下是我开发中有用到的插件，分享给大家做个参考。