vsCode常用插件

VSCode实用插件推荐
原创 已于 2023-04-28 10:42:17 修改 · 244 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vscode #ide #编辑器

于 2022-11-01 17:31:18 首次发布
本文介绍了几款针对前端开发者的VSCode实用插件，包括JSON转换、代码自动完成、预览Markdown文档等功能，帮助提升开发效率。

1. JSON5 syntax   作用 ： 给把对象转化为json字符串

 2. Tabnine AI Autocomplete for Javascript

 

3. GitHub Repositories

   是用来预览github 在线预览文档 

4

4 将less 文件转化为 css 文件的插件  Easy LESS 

5.  将 px  转化为  rem 插件  

设置基本的字体大小是html font-size    根据自己项目的基准值设置

6. markdown  在vscode 中显示   markdown Preview Enhanced  插件

 

7. 自动补标签和替换标签插件

8变量命名神器

 

 

Vscode常用插件推荐，持续更新中。。。。。。
m0_73139998的博客
10-23 390
本文主要介绍常见好用的插件，会一直更新的
vscode中的JSON5 syntax插件
听海边涛声
05-16 1131
vscode中的JSON5 syntax插件
vscode必备插件，美化、炫酷、实用-留着防丢
qq_41183192的博客
04-20 3506
1、Bracket Pair Colorizer： 给匹配的括号着色 2、Chinese (Simplified) Language Pack for Visual Studio Code： 适用于 VS Code 的中文（简体）语言包 3、Code Spell Checker 拼写检查器。比如 banana 单词写错成 banane ，会提示你是否修改成 banana ，也可以将 banane 添加至检查器的字典中。 4、Indent-Rainbow 让缩进带有颜色 ...
本人vscode的对应模块json的相关配置(html，js，sql，vue)
weixin_68658847的博客
10-26 1154
本人vscode的对应模块json的相关配置(html，js，sql)（自用）
vscode里安装json插件
sanqima的专栏
12-17 8001
    vscode使用跨平台的轻量级、支持各种编程语言插件、可插拔的IDE，安装语言对应的插件，即可开发该语言。这里介绍json插件使用。     点击vscdoe左边的田字按钮 —> 输入关键字json --> 找到Prettify JSON --> 安装即可。 查看JSON里的{}元素个数 图(1) 使用Prettify JSON 查看JSON的层次与{}元素个数 ...
vscode扩展插件将剪切板中的jsonc文本或者tablehtml转换为TypeScript类型
08-12
vscode 扩展插件 - 将剪切板中的 jsonc 文本或者 table html 转换为 TypeScript 类型
精选资源
vscode常用插件压缩包
07-13
这个"vscode常用插件压缩包"很可能是包含了多个为提升VSCode功能和效率而设计的扩展插件。接下来，我们将深入探讨VSCode插件系统以及一些常见的插件及其用途。 1. **代码高亮与美化**： - `Prettier`：这是一个...
精选资源
vscode常用插件包Linux C
10-30
本包针对Linux用户，提供了适用于VSCode的一系列常用插件，旨在优化C语言的开发体验。下面，我们将详细讨论如何在Ubuntu系统中安装VSCode，以及如何安装和使用这些C语言的插件。 首先，我们需要在Ubuntu上安装...
嵌入式开发VSCode常用插件
07-15
以下是一些VSCode中嵌入式开发常用的插件，它们能够帮助开发者在编程、调试和项目管理等方面大幅提升效率。 首先，C/C++插件是进行嵌入式C语言开发不可或缺的工具。它不仅提供了代码高亮、智能代码补全、语法检查等...
vscode常用插件整理汇总
10-15
本文将详细讨论17个VSCode插件，这些插件能够帮助开发者提高编码效率，优化代码质量，并增强编辑器的用户体验。 1. Auto Close Tag：这个插件可以自动为HTML代码中的标签添加闭合标签，减少手动输入的错误和工作量...
vscode中好用的json插件
专注于Python编程技术的分享与交流，致力于帮助开发者提升编程技能，解决实际问题，探索Python的无限可能。
05-30 5376
用于操作 JSON 的工具。使用此扩展来美化或压缩 JSON。将选中的 JSON 或 JS 节点路径复制为字符串。从命令面板或点击右键菜单选择命令。
如何将不规范的json数据转换成规范json数据
aguo111的博客
05-31 1510
3.控制台会打印一个json对象 copyObjct放到任意文本得到一个规范的json。一般规范的json 数据key和value""对其进行包裹上述josn 就比较不规范。2.打开谷歌浏览器 进入控制台console.log(不规范json数据) 回车。如何才能转换成浏览器或者java识别的规范json数据呢。1.首先copy需要转成规范的json数据。
VSCode必备插件！快看过来！
热门推荐
qq_50260510的博客
08-27 4万+
同学同学，你是不是也很头疼VSCode不知道安装什么插件啊？尤其是萌新小白，更是一头雾水，那就快来一起看看吧~
js的问题
2201_75791852的博客
05-23 903
JS遇到的问题
vscode json文件添加注释报错
eqizhihui的博客
10-24 3335
在vscode中创建json文件，想要注释一波时，发现报了个错：Comments are not permitted in JSON. (521)，意思是JSON中不允许注释。但是，需要注意的是，如果要用到json文件中的数据，那么注释会使你请求json时获取的数据变为undefined。在出现的弹窗中输入json with comment，点击搜索出来的jsonc选项即可。看个人喜好，要真想在json中加注释，也可以尝试使用以下方法。1.用特殊键值表示，虽然有记录，但你不用就行。
【超级详细】vscode中Json的书写格式、解析和使用
记录unity基础
04-19 5704
非常详细的书写、解析Json文件过程，vscode中的处理会帮我们更好的去理解json，包含书写格式、语法等，新手必看，真的很简单！
解决Vscode如何设置json文件以及解决vscode无法断点debug的问题
weixin_44716776的博客
03-13 543
1、如题，需要这样设置，其中需要设置的比如说cwd，program（需要设置到对应exe路径很关键），miDebuggerPath（需要设置到对应bin路径下）解决Vscode如何设置json文件以及解决vscode无法断点debug的问题。其中最右边是对应.c的文件，编译出来的文件名字是test.exe。3、以上做了还是不行，重启大法最后保底。2、编译的时候使用以下指令。
VS Code JSON插件终极指南：完整安装使用教程
最新发布
gitblog_00051的博客
11-20 927
想要在Visual Studio Code中更高效地处理JSON文件吗？VS Code JSON插件正是您需要的工具！这款由ZainChen开发的插件为JSON文件处理带来了革命性的提升，支持JSON分析、内容统计、树状结构展示等功能，让您的开发工作变得更加轻松愉快。😊 ## 🚀 项目亮点：为什么选择这款JSON插件 这款VS Code JSON插件拥有多项实用功能，完全改变了传统JSON
VScode的插件和.json文件和快捷键
NRWHF的博客
06-06 9409
VScode的插件和.json文件和快捷键
VScode 常用插件
05-18
### VSCode 常用插件推荐 以下是针对开发人员常用的几类功能所整理的 VSCode 插件推荐： #### 浏览器预览工具 对于前端开发者来说，在浏览器中实时查看 HTML 文件的效果是非常重要的。可以通过安装 **Live Server** 或者类似的插件来实现这一需求。这类插件允许通过快捷键或者鼠标右键操作快速在默认或自定义浏览器中打开 HTML 文件，支持多种主流浏览器，例如 Firefox、Chrome、Opera、IE 和 Safari [^1]。 #### 书签管理工具 为了提高代码编辑效率，可以使用 Bookmarks 插件标记重要位置并快速导航至这些标记处。具体配置方法如下：按下 `F1` 键调出命令面板，输入 `[打开键盘快捷方式]` 进入设置界面；随后可调整添加/删除标签以及跳转至上一/下一标签的相关快捷键组合。例如，将 PgUp 设置为跳转到上一个标签，PgDn 跳转到下一个标签，Ctrl+T 添加或移除标签 [^2]。 #### 中文化支持 如果希望让 VSCode 的菜单栏显示中文语言，则需执行以下步骤完成切换：按住 `Ctrl+Shift+P` 打开指令输入框，接着输入 `Configure Display Language` 并回车确认；之后从下拉列表里挑选目标语言包（如 zh-cn），最后按照提示点击重启按钮即可生效 [^3]。 此外还有其他一些非常实用但未提及于上述引用中的扩展程序也值得考虑加入日常工作中： - **Bracket Pair Colorizer**: 自动给匹配的大括号着色以便更容易识别嵌套结构。 - **ESLint / Prettier - Code formatter**: 配合 JavaScript (JSX), TypeScript, Vue.js 等项目进行静态分析和自动格式化处理。 - **GitLens — Git supercharged**: 提升版本控制体验，提供更深入的历史记录视图等功能。 ```javascript // 示例 ESLint 配置文件 .eslintrc.json 内容片段展示如何启用规则 { "rules": { "indent": ["error", 4], "quotes": ["error", "double"], "semi": ["error", "always"] } } ``` 以上列举了一些常见的 Visual Studio Code 插件及其用途介绍，实际应用过程中可根据个人偏好和技术栈特点灵活选用适合自己的辅助工具集。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值