vscode设置工作区推荐插件

原创

已于 2023-03-01 18:09:56 修改 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vscode #json #前端

于 2023-03-01 18:09:34 首次发布

在项目根目录下创建的.vscode/extensions.json文件用于指定推荐的VisualStudioCode插件列表，包括自动重命名标签、ESLint集成、GitLens、代码拼写检查和路径提示等，以提升开发效率和代码质量。

项目根目录下创建.vscode 文件夹添加extensions.json文件如下图
在这里插入图片描述

extensions.json

{
   
   
	"recommendations": [
		"formulahendry.auto-rename-tag",
		"editorconfig.editorconfig",
		"dbaeumer.vscode-eslint",
		"eamodio.gitlens",
		"shardulm94.trailing-spaces",

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Gleason.

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

VSCode 2025最新前端开发必备插件推荐汇总（提效指南）

Code_流苏：在代码中寻诗意，在实践中觅真知

03-11

4983

VSCode 2025最新前端开发必备插件推荐（提效指南）

【vscode】vscode paste image插件设置

慕雪华年的博客

09-06

1769

根据我的需要，我需要将图片粘贴到当前md文件所在目录下的img路径中，那么我就需要修改Path和Prefix两个配置项。这个插件还是很好用的，如果你发现某些设置不生效，可以重启vscode或者重新写入配置项试试（我就遇到过，玄学问题）。我这里说明一下每一个设置项的作用，只列出了需要修改的配置项。vscode编辑md文件的时候，如果想插入图片，自带的粘贴只会粘贴到当前目录下，也没有文件重命名，很不友好。注意，本文编写的是对mushan的Paste Image插件的教程。注意：该插件的粘贴图片快捷键是。

参与评论您还未登录，请先登录后发表或查看评论

Vscode 常用插件和工具

轻风细雨_林木木

02-26

4233

参考：https://baijiahao.baidu.com/s?

Vscode快速跳到某一行 ❤code VScode安装配置和使用(Windows和Mac全部常见设置和使用）

林太白

01-27

9660

Vscode快速跳到某一行 ❤code VScode安装配置和使用(Windows和Mac全部常见设置和使用）

.vscode 文件夹是什么，里面有什么？

最新发布

09-06

安装插件后，用户可以通过简单的设置来选择一张本地图片作为工作区的背景。这种自定义的方式不仅提升了编辑器的美观度，还可以根据背景图片的不同来减少长时间盯着屏幕导致的视觉疲劳。此外，对于一些有特殊工作...

VSCode1.61_嵌入式便捷式_含必备插件

08-13

- **实时共享**：VSCode 的Live Share功能允许开发者实时协同编程，共享工作区。 - **Git集成**：强大的Git集成，可以查看提交历史、合并分支、解决冲突等。总之，VSCode 1.61 “嵌入式便捷式”版本是为嵌入式...

VSCode扩展推荐（前端开发）

manchan4869的博客

05-25

3622

前言对于VS Code，随着软件的更新，越来越多原本需要扩展才能实现的功能，现如今都被添加进软件，所以使用插件前务必更新至最新版本。可点击“帮助”-“检查更新”获取最新版本，或在官网https://code.visualstudio.com/获取最新安装包。扩展推荐 1.Auto Rename Tag 该扩展修改HTML标签时，自动修改匹配的标签。 2.CSS Formatter 写CSS时可以对CSS进行格式化 3.Live Server 启动具有静态和动态页面的实时重新加载功能的开发本地服务器。

vscode 工作区配置插件配置不同工作环境

小白成长记

07-29

9706

vscode提供了工作区的概念，可以给每个工作区配置不用的插件。

我的 vscode 配置笔记

曹立禄的个人博客

09-16

2059

窃钩者诛，窃国者侯。按不同颗粒度操作（通识操作）对于这些操作，是每个编辑器/IDE都具备的，也是应该牢记于心的。当然，vscode 也是很好的支持这些操作的。字符颗粒度单词颗粒度整行颗粒度移动 up/down/left/right up/down/left/right + Option up/down/left/right + Command 选择 + shift + shift + shift 多光标特性多光标操作给代码的编写提供了极大的方便，下面根据不同场景有三

【前端工程化】vscode使用技巧，vscode配置设置仅当前工作区生效

有一棵树的博客

10-03

4990

vscode使用技巧，vscode配置设置仅当前工作区生效

vscode 提升工作效率必装的几个插件

lizhongyu0922的博客

07-26

195

1.Bracket Pair Colorizer 代码括号对彩色化，可以通过代码的片段的头尾相同的颜色去判断属于哪个完整的代码段。 2.prettier 代码格式化校验，可以使你的代码由混乱变为整齐的代码格式，强力推荐哦。 3.Material Icon Theme 让你的代码界面看上去更有趣。 4.Simple React Snippets 写react的时候输入缩写快速生成react模板。 5.emmet 从sublime转过来的小伙伴必装插件之一。 ...

现在记录几款好用的vscode的插件

weixin_30305735的博客

09-25

381

vscode插件 Rainbow Brackets编码过程中，尤其在我们使用js进行函数式编程时，代码里会有很多的花括号，想要保证它们对称十分困难，所以就出现了上面小粉同学的尴尬局面，相信很多人都遇到过类似的情况。Rainbow Brackets，可以将同一对花括号给定相同的颜色，可以一眼就看出配对的两个花括号。Indent RainbowIndent Rainbow则可以给代码的...

vsCode的配置

weixin_34129145的博客

05-31

230

{ "extensions.ignoreRecommendations": true, "explorer.confirmDragAndDrop": false, "editor.tabSize": 2, "eslint.autoFixOnSave": true, "eslint.validate": [ "javascript", "javascriptreact", { "language":...

VSCode常用好用插件大全

lihefei_coder的博客

05-20

1万+

Auto Rename Tag 自动重命名配对的HTML / XML标签 Auto Close Tag 自动添加HTML / XML结束标签 Bracket Pair Colorizer 高亮匹配代码块括号 Code Runner 非常强大的一款插件，能够运行多种语言的代码片段或代码文件：C，C ++，Java，JavaScript，PHP，Python，Perl，Ruby，Go等等，安装完......

在项目中配置 vscode

小贤笔记

07-13

498

在项目根目录创建 .vscode extensions.json settings.json 文件说明 extensions.json 用于编写扩展插件插件如果成员没有的话并不会自己下载, 但可以在扩展中点击筛选器扩展选中推荐就会出来然后一一安装就可以了添加扩展方法: 打开插件详情, 复制右侧 "详细信息" 下面的标识符即可 { "recommendations": [ ...

在项目中配置vscode规范文件

08-23

1092

此文件是用于统一开发者的 vscode 基础配置和代码规范配置。此文件是用于统一开发者的 vscode 插件。

vscode插件工作区不信任

01-18

### 配置或解决 VSCode 插件在不信任工作区中的限制 #### 受限模式概述当VS Code检测到当前工作区未被标记为受信状态时，将会自动进入受限模式。在此状态下，为了提升安全性，VS Code会对任务执行、调试功能、工作空间设定以及扩展插件的运行施加一定的约束[^1]。 #### 关闭受限模式的方法对于希望解除这些安全措施所带来的局限性的用户来说，可以通过调整`security.workspace.trust`参数来实现目的： 1. 进入VS Code内的设置面板； 2. 利用顶部的搜索栏查找关键词`security.workspace.trust`; 3. 修改选项以停用工作区的信任验证机制； 4. 完成更改之后保存并重新启动应用程序使改动生效[^3]。 ```json // settings.json example to disable workspace trust prompts globally { "security.workspace.trust.enabled": false, } ``` 值得注意的是，在采取上述行动前应当充分考虑潜在的安全风险；如果确实有必要保持较高的防护级别，则建议仅针对特定项目开启例外处理而非全局取消保护[^2]。