vscode设置工作区推荐插件

Gleason.

已于 2023-03-01 18:09:56 修改

阅读量1.1k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： VSCode 文章标签： vscode json 前端

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

本文链接：https://blog.youkuaiyun.com/bianliuzhu/article/details/129286833

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目根目录下创建.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

2815

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

前端项目规范

zhanzejuan的博客

06-21

1093

对现有项目在编辑器环境风格统一、代码开发过程中进行代码检查从而保证代码规范等。

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

非常好用的 VS Code 插件推荐

萧然自我的博客

09-25

3975

小黑怎么了，小粉，愁眉苦脸的小粉刚刚一个问题找了半个小时，居然。。。小黑居然怎么样？小粉说了你不许笑我蠢，，，找了半个小时，居然因为少写了一个括号????小黑哈哈哈小粉你还笑...

详解.vscode 下的json .vscode文件夹下各个文件的作用

最新发布

greed

04-21

1299

我们只需要在插件页面点击添加到工作区建议就可以生成在extensions.json文件并且把该文件添加到推荐区反之可以把已添加的从工作区建议删除删除该插件的推荐通过插件筛选可以看到项目推荐的插件有哪些。

.vscode/extensions.json和setting.json 是项目用到的插件推荐列表和设置

前端蜗牛君

01-13

7782

在前端项目，文件目录中存在.vscode文件夹，文件夹下一般存在两个文件extensions.json和setting.json。作用是保持所有开发者安装了相同的插件和相同的配置，保持开发环境一致性。和对于团队协作开发起到很重要的作用。如遇到问题或有什么建议，可以留言。

VSCode扩展推荐（前端开发）

manchan4869的博客

05-25

3585

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

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

小白成长记

07-29

9133

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

我的 vscode 配置笔记

曹立禄的个人博客

09-16

1980

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

vscode不同项目使用不同插件

小帆的帆的专栏

12-17

1284

在使用vscode开发不同项目时可能会用到不同的插件。手动管理不够优雅，本文介绍使用Profiles的方式的来管理不同项目的插件。

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

08-13

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

2024最新VSCode实用插件推荐，开发效率遥遥领先！超全面，快收藏~

weixin_46769087的博客

08-28

2530

大家好，我是石小石！作为前端开发，vscode好比我们的衣食父母，不可或缺。我相信大家都试过给编译器装一些插件，用来提升开发效率。这篇文章，我将结合自己的工作经验，向大家推荐我工作中用到的一些插件，我会尽可能详细和全面介绍。如果大家有更好用的插件，欢迎在评论区分享！

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

有一棵树的博客

10-03

4494

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

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

lizhongyu0922的博客

07-26

180

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

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

weixin_30305735的博客

09-25

341

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

vsCode的配置

weixin_34129145的博客

05-31

218

{ "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

460

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

在项目中配置vscode规范文件

08-23

917

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

VScode 工作区配置和用户配置

鹤渺的星球

12-20

7581

这里主要介绍自己使用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]。