VSCode常用的插件

以下为本人总结的常用的开发插件,当然还有一些其他好用的插件,可依据个人喜爱进行配置。

在我们使用的VSCode中的插件商店下载即可。

Simple React SnippetsReact开发快捷键(react开发常用,好用)
Auto ReName Tag自动重命名配对的HTML / XML标签
Chinese中文插件
Code Runner

万能语言运行环境

Document This为js文件生成文档的代码注释。
ESLint代码检查工具
GitLensgit代码管理插件
koroFileHeader在vscode中用于生成文件头部注释和函数注释
TODO Highlight备忘插件
beautify代码美化插件
live server模拟服务器的方式打开页面
open in browser以浏览器方式打开
JavaScript(ES6)code snippetsES6语法智能提示,以及快速输入
Image Preview鼠标悬浮在链接上可及时预览图片
code spell checker拼写检查程序,检查单词拼写错误,会给出警告提示
partial Diff文件比较是一个很常见的场景,如果光凭我们肉眼分别的话,累人不说还容易出错。 Partial Diff的出现就正好解决了这个问题
polacode-2020这款神器可以将我们的代码转化成一张逼格满满的图片,在写文章或者代码分享的时候。抛出一张这样的图片,可比随手截图体面多了

### 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、付费专栏及课程。

余额充值