分享几个vscode必备精品插件
今天分享几个 vscode 必备精品插件，让你的 vscode 更牛逼！ 开发综合推荐 别名路径跳转 插件名：别名路径跳转
使用说明: 别名路径跳转插件，支持任何项目，
使用场景: 当你在开发页面时, 想点击别名路径导入的组件时（演示如下）
配置说明 下载后只需自定义配置一些自己常用的别名路径即可
// 文件名别名跳转 alias-skip.mappings: { ~@/: /src, views: /src/views, assets: /src/assets, network: /src/network, common: /src/common }, 右击插件--》扩展设置--》路径映射在settinas.json中编辑 效果展示 路径别名智能提示 插件名：path-alias 场景: 在导入组件的时候，使用别名路径没用提示时 (可和别名路径跳转同时使用, 无冲突) 安装效果和功能
indent-rainbow 插件名: indent-rainbow 功能：彩虹缩进 bracket pair colorizer 2 插件名: bracket pair colorizer 2 功能：给匹配的括号() 或者 对象{}.. 添加对应的颜色用于区分 auto rename tag 插件名: auto rename tag 功能：自动重命名标签 code spell checker 插件名：code spell checker 功能：检查单词拼写是否错误（支持英语） code runner 插件名：code runner 功能：一键执行各种语言代码（常用于测试） debugger for chrome 插件名：debugger for chrome 功能：在vscode端，调试代码 live serverpp 插件名：live serverpp
功能：在服务器端打开你的文件，实时显示你修改的代码
支持websocket 消息服务，可以用于调试websocket 客户端 支持可编程虚拟文件，可用于模拟服务端api接口 svg preview 插件名：svg preview 功能：可以显示你的svg图片，还可以编辑 tabnine 插件名：tabnine 功能：智能提示代码，可以预测你将要写的代码进行提示 template string converter 插件名：template string converter 功能：在字符串中输入$触发，将字符串转换为模板字符串 vscode-pigments 插件名：vscode-pigments 功能：实时预览设置的颜色 parameter hints 插件名：parameter hints 功能：提示函数的参数类型及消息 quokka.js 插件名：quokka.js 使用：安装插件后，ctrl+shift+p输入quokka new javascr..即可使用 功能：实时显示打印输出，更多功能自行探索（常用于测试） highlight matching tag 插件名：highlight matching tag 功能：当光标停留在标签时，高亮匹配的标签 大众类插件 基本都有安装就不详细介绍了 插件 bookmarks
功能：常用于读源码进行标记行，跳转（代码标记快速跳转） eslint
功能：代码规范检查 prettier - code formatter
功能：代码美化，自动格式化成规范格式 project manager
功能：项目管理插件，当开发多个项目时，可以快速跳转 path intellisense
功能：路径智能提示 image preview
功能：当引入路径为图片时，可以预览当前图片 gitlens
功能：增强了git功能，支持在vscode查看作者、修改时间等等 open in browser
功能：在浏览器打开当前文件 vue 开发推荐 vue-component 插件名：vue-component
功能：输入组件名称自动导入找到的组件，自动导入路径和组件
选中后自动输入组件名（包含必填属性）、import语句、components属性 vetur 插件名：vetur 开发 vue 必备 vue 3 snippets 插件名：vue 3 snippets 基本必备：很多vue的代码段，很方便开发 react 开发推荐 react style helper 插件名：react style helper
功能：在react中更快速地编写内联样式，并对 css、less、sass 等样式文件提供强大的辅助开发功能
自动补全 跳转至样式和变量定义位置 创建 jsx/tsx 的行内样式 预览样式及变量内容 行内样式自动补全，同时支持 sass 变量的跳转及预览。 es7 reactsnippets 插件名：es7 react/redux/react-native/js snippets 功能：很多react的代码段，很方便开发 vscode-styled-components 插件名：vscode-styled-components 功能：在js文件中写样式时，有智能提示 主题类 dracula official 插件名：vscode-styled-components one dark pro 插件名：one dark pro vscode-icons 插件名：vscode-icons vscode文件夹&文件图标 其他推荐 以下插件，可能不常用，大家感兴趣可以试试 css initial value 插件名：vscode-icons 功能：显示每个css属性的初始值，当光标停留在css属性时 画板作图 插件名：draw.io integration 功能：在vscode中画图，支持多人协作编辑图表.. echars 智能提示插件 插件名：echarts-vscode-extension 使用：安装插件后，ctrl+shift+p输入active echars即可开启智能提示 功能：提示各种echar中option 的属性，挺强大的 翻译插件 插件名：a-super-translate
使用方法：选中行，ctrl+shift+p 输入 翻译
键入 ctrl+`再按下 ctrl+1 为翻译直接替换选中区域 功能：翻译识别代码中注释部分，不干扰阅读。支持不同语言，单行、多行注释、
支持用户字符串与变量翻译,支持驼峰拆分 总结（附全部插件图片） 根据需求，大家安装对应插件即可（安装太多插件，vscode会很卡） 当然电脑配置足够强大，当我没说
基于GIO/FVID的DSP视频驱动程序设计
MAX6397, MAX6398 过压保护开关/限幅控制器，
2022年哪几款蓝牙耳机值得推荐？高质量蓝牙耳机排行榜
我国三大电信运营商应予以重视和改进开放手机主卡设置权限
英商康桥半导体成立新应用设计中心
分享几个vscode必备精品插件
直流系统接地有何现象_如何处理
智慧城市的新颖符号—智慧路灯
耕地保护与质量提升监测点设备的项目说明
这些智能地面清洁工具让你清洁效果upup 懒癌患者的最爱
三星电子发布2020年第一季度初步财报 疫情影响到底几何
工信部公示《新能源汽车动力电池综合利用管理办法》，推进资源循环利用
ATA-1200B宽带放大器的简单介绍
5G商用时代核心网现状及发展趋势分析
智驾数据采集平台搭建之多传感器联合标定
小米12新机渲染图曝光
异步编程的几种种实现方式（下）
什么是链改跟区块链有什么关系
凌空做手势，轻松控制你的电子产品
埋藏式心脏复律除颤器（ICD）的基本结构与功能详解
使用说明: 别名路径跳转插件，支持任何项目，
使用场景: 当你在开发页面时, 想点击别名路径导入的组件时（演示如下）
配置说明 下载后只需自定义配置一些自己常用的别名路径即可
// 文件名别名跳转 alias-skip.mappings: { ~@/: /src, views: /src/views, assets: /src/assets, network: /src/network, common: /src/common }, 右击插件--》扩展设置--》路径映射在settinas.json中编辑 效果展示 路径别名智能提示 插件名：path-alias 场景: 在导入组件的时候，使用别名路径没用提示时 (可和别名路径跳转同时使用, 无冲突) 安装效果和功能
indent-rainbow 插件名: indent-rainbow 功能：彩虹缩进 bracket pair colorizer 2 插件名: bracket pair colorizer 2 功能：给匹配的括号() 或者 对象{}.. 添加对应的颜色用于区分 auto rename tag 插件名: auto rename tag 功能：自动重命名标签 code spell checker 插件名：code spell checker 功能：检查单词拼写是否错误（支持英语） code runner 插件名：code runner 功能：一键执行各种语言代码（常用于测试） debugger for chrome 插件名：debugger for chrome 功能：在vscode端，调试代码 live serverpp 插件名：live serverpp
功能：在服务器端打开你的文件，实时显示你修改的代码
支持websocket 消息服务，可以用于调试websocket 客户端 支持可编程虚拟文件，可用于模拟服务端api接口 svg preview 插件名：svg preview 功能：可以显示你的svg图片，还可以编辑 tabnine 插件名：tabnine 功能：智能提示代码，可以预测你将要写的代码进行提示 template string converter 插件名：template string converter 功能：在字符串中输入$触发，将字符串转换为模板字符串 vscode-pigments 插件名：vscode-pigments 功能：实时预览设置的颜色 parameter hints 插件名：parameter hints 功能：提示函数的参数类型及消息 quokka.js 插件名：quokka.js 使用：安装插件后，ctrl+shift+p输入quokka new javascr..即可使用 功能：实时显示打印输出，更多功能自行探索（常用于测试） highlight matching tag 插件名：highlight matching tag 功能：当光标停留在标签时，高亮匹配的标签 大众类插件 基本都有安装就不详细介绍了 插件 bookmarks
功能：常用于读源码进行标记行，跳转（代码标记快速跳转） eslint
功能：代码规范检查 prettier - code formatter
功能：代码美化，自动格式化成规范格式 project manager
功能：项目管理插件，当开发多个项目时，可以快速跳转 path intellisense
功能：路径智能提示 image preview
功能：当引入路径为图片时，可以预览当前图片 gitlens
功能：增强了git功能，支持在vscode查看作者、修改时间等等 open in browser
功能：在浏览器打开当前文件 vue 开发推荐 vue-component 插件名：vue-component
功能：输入组件名称自动导入找到的组件，自动导入路径和组件
选中后自动输入组件名（包含必填属性）、import语句、components属性 vetur 插件名：vetur 开发 vue 必备 vue 3 snippets 插件名：vue 3 snippets 基本必备：很多vue的代码段，很方便开发 react 开发推荐 react style helper 插件名：react style helper
功能：在react中更快速地编写内联样式，并对 css、less、sass 等样式文件提供强大的辅助开发功能
自动补全 跳转至样式和变量定义位置 创建 jsx/tsx 的行内样式 预览样式及变量内容 行内样式自动补全，同时支持 sass 变量的跳转及预览。 es7 reactsnippets 插件名：es7 react/redux/react-native/js snippets 功能：很多react的代码段，很方便开发 vscode-styled-components 插件名：vscode-styled-components 功能：在js文件中写样式时，有智能提示 主题类 dracula official 插件名：vscode-styled-components one dark pro 插件名：one dark pro vscode-icons 插件名：vscode-icons vscode文件夹&文件图标 其他推荐 以下插件，可能不常用，大家感兴趣可以试试 css initial value 插件名：vscode-icons 功能：显示每个css属性的初始值，当光标停留在css属性时 画板作图 插件名：draw.io integration 功能：在vscode中画图，支持多人协作编辑图表.. echars 智能提示插件 插件名：echarts-vscode-extension 使用：安装插件后，ctrl+shift+p输入active echars即可开启智能提示 功能：提示各种echar中option 的属性，挺强大的 翻译插件 插件名：a-super-translate
使用方法：选中行，ctrl+shift+p 输入 翻译
键入 ctrl+`再按下 ctrl+1 为翻译直接替换选中区域 功能：翻译识别代码中注释部分，不干扰阅读。支持不同语言，单行、多行注释、
支持用户字符串与变量翻译,支持驼峰拆分 总结（附全部插件图片） 根据需求，大家安装对应插件即可（安装太多插件，vscode会很卡） 当然电脑配置足够强大，当我没说
基于GIO/FVID的DSP视频驱动程序设计
MAX6397, MAX6398 过压保护开关/限幅控制器，
2022年哪几款蓝牙耳机值得推荐？高质量蓝牙耳机排行榜
我国三大电信运营商应予以重视和改进开放手机主卡设置权限
英商康桥半导体成立新应用设计中心
分享几个vscode必备精品插件
直流系统接地有何现象_如何处理
智慧城市的新颖符号—智慧路灯
耕地保护与质量提升监测点设备的项目说明
这些智能地面清洁工具让你清洁效果upup 懒癌患者的最爱
三星电子发布2020年第一季度初步财报 疫情影响到底几何
工信部公示《新能源汽车动力电池综合利用管理办法》，推进资源循环利用
ATA-1200B宽带放大器的简单介绍
5G商用时代核心网现状及发展趋势分析
智驾数据采集平台搭建之多传感器联合标定
小米12新机渲染图曝光
异步编程的几种种实现方式（下）
什么是链改跟区块链有什么关系
凌空做手势，轻松控制你的电子产品
埋藏式心脏复律除颤器（ICD）的基本结构与功能详解