vscode 工作区与文件夹设置

发布时间 2023-12-05 11:57:21作者: Zzp_zzZ

背景:学习vue3的时候发现 vue2对应的vetur插件  与vue3的volar 插件 冲突,于是开始了解vscode怎么实现兼容多项目兼容不用配置。

项目设置管理
为了适应不同项目的需要不一样的项目设置,vscode推出了文件夹设置(Folder),将差异的配置存放在项目根目录的.vscode/setting.json 中,打开项目其优先性最高。
为了适应同一项目在不同环境或者阶段需要不同配置的需求,vscode推出了工作区设置(WorkSpace),将配置存放在项目根目录的.vscode/【工作区名】.code-workspace ,【工作区名】 可以自定义设置多个。
 
项目配置可以通过.vscode文件直接配置,也可以通过打开设置页面(右下角齿轮 -->  setting)配置
 
通过文件夹打开时(open folder),设置页面如下图,从左到右: 通用的user   ,当前的打开的工作区(此时工作区即使文件夹,对应settting.json)
 
 
 
通过工作区打开时 (open file form workspace),如上图,从左到右: 通用的user    ,  当前的打开的工作区, 文件夹 
通过工作区文件打开项目,对应的workspace 权级比  通用高,但是 比不上  folder(  如果不删掉setting.json,ide表现还是以settting.json  优先,所以多工作区的项目,建议不要配置folder/setting.json)。
 
 
 
 
 
 
项目插件管理(https://code.visualstudio.com/docs/editor/extension-marketplace#_workspace-recommended-extensions
 
vscode的插件启用也是同理,但是其是否启用,不依赖.json文件,仅仅通过插件市场->插件详情  通用/工作区(启用/禁用)控制
 
 
.vscode/extension.json  作用类似于申明文件,表示本项目适配哪些插件   recommendation数组的元素 来自于  插件详情中右下角的 Identifier
我们在插件市场输入 @recommended  就能获得项目推荐的插件列表,进行安装

 
如有错漏之处,还望不吝指正。