vscode 工作区快速上手

使用目的

解决 由于 不同项目使用技术栈不同,vscode插件不同,导致的一些冲突问题.

如何使用

1. 新建工作区

  1. 创建一个文件夹用于保存工作区文件,在新建的文件夹中打开vscode(你也可以随便在哪个项目下创建工作区)
  2. 点击vscode的插件,先将一些非公共的插件全局禁用(比如volar,vetur等等)
  3. 将你该工作区的技术栈所用插件设置为在该工作区启用,下面以vue2的vetur为例演示
    1. 按照下图,1->2->3->4步骤操作
  4. 将工作区另存为,vscode: 点击 文件 -> 将工作区另存为(改名和存储位置可随意,按照自己的习惯来), 如此操作就已经创建了一个除了公用插件之外只包含了vetur插件的一个工作区(具体需要什么插件按照自己的来就行)

2. 测试工作区是否创建成功

  1. 用vscode打开刚才保存的工作区文件,可以看到现在的vetur已经被点亮了
  2. 不打开工作区,打开其他文件试试看,可以看到,现在的vetur是没有点亮了

经过以上两步,可以确定你使用vetur插件的工作区已经创建成功了,接下来我们就需要将我们要使用vetur的项目在工作区中打开
除此之外工作区创建成功之后还会出现以下的文件

将项目添加到工作区

  1. vscode: 点击文件 -> 将文件夹添加到工作区(这一步直接将你的项目放进去即可)

使用工作区

  1. 直接用vscode打开你创建的工作区即可
  2. 打开之后你会发现你之前添加的项目已经放到工作区内了
相关推荐
康小汪1 小时前
AI 写 Vue 总写成同一个味道:给它装 Skills,装的不是知识是边界
前端·vue.js·人工智能·ai编程·最佳实践
智能运维指南2 小时前
研制过程“两张皮“怎么破:研制一体化支撑平台的定位、能力边界与落地前提
java·前端·人工智能·嘉为蓝鲸
白山编程大哥3 小时前
Java 后端如何优雅地把 List 集合返回给前端
java·前端·list
Flynt4 小时前
我把热榜那篇"禁用 axios"逐条实测了一遍:结论大体对,坑在它没讲的地方
前端·javascript·axios
Csvn5 小时前
bundle优化
前端
北冥有鱼5 小时前
发版后动态路由点击报 `Failed to fetch dynamically imported module`」问题上的完整排查与修复过程
前端·vue.js
静默回滚5 小时前
视频压到 25 MB 以内,码率要算、音轨要扣、余量要留
前端
用户37203749260185 小时前
把 10MB 中文语义模型塞进浏览器:STSB 做到教师模型的 93%,但线上 top1 只有 42%
前端
光锥智能6 小时前
海康机器人举行2026移动机器人新品发布会:箱式存拣升级,「明智」系列发布
java·前端·机器人
计算机魔术师6 小时前
Anthropic 上市文件最吓人的一幕,不是亏损 807 亿
前端