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

最新推荐文章于 2024-08-10 13:59:24 发布

梨花不负韶

最新推荐文章于 2024-08-10 13:59:24 发布

阅读量4.6w

点赞数 13

分类专栏：基础篇文章标签： vscode 编辑器前端 javascript json

本文链接：https://blog.csdn.net/emmmmm__/article/details/127233826

版权

基础篇专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何在VSCode中配置代码颜色及格式，并推荐了一些实用的开发插件，帮助提升开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、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
}

二、常用插件

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