• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

工作区VSCode工作区使用指南

武飞扬头像
PHP中文网
帮助2325

为什么要用VSCode工作区

 

学新通技术网

学新通技术网

但是随着vscode的扩展装的越来越多,变得非常难以管理,比如说:我在做前端开发的时候,那么我们的python插件就不需要了,我们可以选择开启,但这个插件明显会占用不必要的cpu资源,大多数人会选择关闭,用的时候再打开,其实这样也不是好的办法,这只是一个插件,但python开发的插件可不止一个,并且还有c/cpp的插件等要管理,那么就会变得非常麻烦了。

VSCode工作区就是为此诞生的。你可以把自定义地创建工作区,比如把python作为一个工作区,cpp作为一个工作区,前端开发也是可以根据需要分为好几个工作区,并且你可以控制扩展在工作区的启用禁用,这也是工作区最大的优点之一。

来看一下最终效果:

学新通技术网

工作区创建

创建一个工作区

我们先打开了React文件夹,点击菜单栏中的文件,将工作区另存为就是创建工作区,然后会生成.code-workspace的文件,名字可以自定义,建议可以自己创建一个文件夹来专门存储这些文件,建好后,我们就在这个工作区下了,可以看到React文件夹。

学新通技术网

添加项目至工作区

我们可以在工作区打开多个项目,根据自己需要进行添加或删除,这也是工作区的优点之一。

学新通技术网

在工作区启用或禁用扩展

重点来了,有了工作区,你就可以根据需要是否在工作区开启或禁止某个扩展,我觉得的这是最好的功能之一,这不仅可以减少不必要的内存占用,也可以阻止其他不相关插件对开发的影响,尤其是snippets类插件。

我的建议是只启用某些公用的插件,像Chinese (Simplified) (简体中文)等,一些针对性的插件只在工作区开启。

学新通技术网

切换工作区

切换工作区也很简单,在菜单栏中的从文件打开工作区

学新通技术网

工作区配置

如果没有开启工作区,我们就只有用户文件夹(.vscode)两种级别设置,打开了工作区,就会新增一个工作区设置,我们可以在这个工作区编写相关的设置调试配置

学新通技术网

很多人一开始会对这几个级别的配置理解的比较混乱,其实这东西很好理解,三者的关系特别像css继承权重。用户的权重最低,作用范围大;文件夹的权重最高,作用范围小,三者有继承关系。

比如说:如果你没有写工作区的设置,那么就会继承用户的设置,所以你在工作区只需要写写有差别的配置,这些会覆盖用户的配置,重复的就不用写,文件夹同理。

继承
覆盖
继承
覆盖
用户
工作区
文件夹

Project Manager

在上面的配置下来后,已经是比较好用了,不过还不够强大,操作起来有点点小麻烦,接下来我们去安装一个扩展,这个扩展和VSCode工作区可谓是天生一对,超级好用。

学新通技术网

这个扩展安装量也是比较高的,最后更新日期是2022/2/9,说明有在积极维护,评分也是全五星。

安装好了后,会在左侧菜单多一个文件夹图标。

学新通技术网

我们把之前新建的React工作区加进来,这个插件可以很方便我们切换工作区,并且提供了标签的一些功能,当然还有远程项目的功能,不过我们只说跟工作区相关的,其他的不多说了。

学新通技术网

我们也可以发现,在切换工作区的时候,vscode可以保持文件在之前的打开状态,甚至文件夹的折叠和开启都能保持,这极大地提高我们的开发效率。它也不仅仅能保存工作区,也能保存文件夹,即使你不用工作区,也强烈推荐。

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanfgcej
系列文章
更多 icon
同类精品
更多 icon
继续加载