如何用vscode弄颜色（vscode关键字显示颜色）

如何用vscode弄颜色（vscode关键字显示颜色）？如果你对这个不了解，来看看！

使用 vscode 省时的6个插件 - 掘金，下面是吉米庞给大家的分享，一起来看看。

如何用vscode弄颜色

本文同步本人掘金平台的文章：https://juejin.cn/post/6978796685229031438

使用 Visual Studio Code 开发项目省时的六个插件。

1. vscode-icon

不同的文件展示不同的图标，方便快速识别文件类型。相关地址：https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons

2. Color Highlight

颜色标记。相关地址：https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight

3. Auto Rename Tag

html/xml标签改变，将会成对改变～相关地址：https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

4. Live Server

开启本地服务，类似 webpack 中的热加载，很适合编写模版页面。相关地址：https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

5. Code Spell Checker

检查单词拼写，支持驼峰式。相关地址：https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker

6. Rainbow Brackets

对你编写嵌套块状语句很有帮助～相关地址：https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-brackets

比如：

function text () { return { name: { hello: { age: 1 } } }}复制代码

【完】✅

嗯～又可以省下些时间摸鱼了～

追加：

Error Lens 插件 - 错误提示，相关地址：https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens

vscode关键字显示颜色

在 VSCode 中安装友好的插件可以提高我们的开发效率。

大家好，我是Smile。点赞收藏不迷路哦~

今天给大家分享 Vue 开发中常用几个 VSCode 插件。

这是之前总结一些VSCode插件，大家有需要的可以参考~

vscode几十款常用插件及emmet语法_Smile_ping的博客-CSDN博客

Vue 3 Snippets该插件：包含了所有的 Vue.js 2 和 Vue.js 3 的 API 对应的代码扩展。

Vue Language Features (Volar)Volar 不仅支持 Vue3 语言高亮、语法检测，还支持 TypeScript 和基于 vue-tsc 的类型检查功能。注意：使用时需要禁用 Vetur 插件, Volar 与它会有冲突。Vetur 是对 Vue2 支持友好的插件

Vue PeekVue Peek： 此扩展扩展了 Vue 代码编辑，它允许 快速跳转 到 组件 或 模块 引用的文件。

Vue Theme主题插件： 它的主题配色和 Vue 一致，优雅而又美观，还支持配置不同颜色。

ESLintESLint：检查代码是否符合规范

Prettier - Code formatterPrettier： 是一款代码 格式化 插件

今天的分享就到这里，感谢大家支持。