vscode 之 工作区的应用(解决vue2插件vetur、vue3插件volar禁用启用问题)

这篇具有很好参考价值的文章主要介绍了vscode 之 工作区的应用(解决vue2插件vetur、vue3插件volar禁用启用问题)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前言

工作区???为什么要工作区???

首先工作区简单理解就是vscode工作时的区域、范围;
延申一下,为什么要工作区???不同的环境需要用到不用的插件啊,设置啊等等,这个时候怎么实现,总不能写前端的时候也把java、c++需要的插件设置的什么打开(虽然应该可能大概也许这些语言不会使用vscode 开发,这里只是打个比方),都打开的话就会显得vscode 很重,然后vscode 说好的轻便呢?

就前端而言,现在发展的速度很快,前段时间vue2,现在几乎都时vue3+TS,但是公司还是有vue2的项目,而vue2vue3所使用的vue插件又不一样,vue2 需要的vue 插件 vetur,vue3 需要的vue 插件 volar,并且需要禁用vue2 插件 vetur

那么怎么处理,总不能打开vue2项目然后把vue3的插件volar关掉,开发vue3的项目又把vue2的插件vetur关掉,多麻烦,你要关不嫌麻烦也可以,但是如果同时需要开发vue2、vue3的项目你怎么处理???

这个时候工作区就出来了,完美解决这个问题,下面跟着一步一步解决这个问题。
这里只是就前端vue而言哈。

创建工作区

  • 点击vscode 顶部工作栏的文件,选择将工作区另存为
    vscode 之 工作区的应用(解决vue2插件vetur、vue3插件volar禁用启用问题),分享,vscode,ide,编辑器
  • 然后在弹窗输入工作区的文件名(注意选择工作区文件保存的路径,我这边是自定义的保存路径)
    vscode 之 工作区的应用(解决vue2插件vetur、vue3插件volar禁用启用问题),分享,vscode,ide,编辑器
  • 点击保存后则创建工作区成功。

工作区创建成功后,如何将对应的项目文件放进工作区???

添加文件夹到工作区

创建完工作区后,默认打开的就是新创建的工作区,
vscode 之 工作区的应用(解决vue2插件vetur、vue3插件volar禁用启用问题),分享,vscode,ide,编辑器
左侧导航来会显示尚未将文件夹添加到工作区,直接点击打开文件夹,选中你想要添加到这个工作区的项目文件夹后就完成了
vscode 之 工作区的应用(解决vue2插件vetur、vue3插件volar禁用启用问题),分享,vscode,ide,编辑器

如何继续添加???
vscode 之 工作区的应用(解决vue2插件vetur、vue3插件volar禁用启用问题),分享,vscode,ide,编辑器
点击 文件 - 将文件夹添加到工作区,和之前一样的操作,选中你想要添加到这个工作区的项目文件夹后就可以了
vscode 之 工作区的应用(解决vue2插件vetur、vue3插件volar禁用启用问题),分享,vscode,ide,编辑器

为当前打开的工作区指定特定环境

例如:
vue2 需要的vue 插件 vetur
vue3 需要的vue 插件 volar,并且需要禁用vue 插件 vetur

如何设置???
vscode 之 工作区的应用(解决vue2插件vetur、vue3插件volar禁用启用问题),分享,vscode,ide,编辑器
也很简单,打开对应的工作区后,点击左侧的扩展,找到对应的插件,点击插件的齿轮设置按钮,点击对应的禁用(工作区)启用(工作区),即可实现!

注意:
禁用(工作区)启用(工作区)时需要看清楚你当前打开的工作区是哪一个工作区哈。

例如:

  • vue2 工作区
    vscode 之 工作区的应用(解决vue2插件vetur、vue3插件volar禁用启用问题),分享,vscode,ide,编辑器
  • vue3 工作区
    vscode 之 工作区的应用(解决vue2插件vetur、vue3插件volar禁用启用问题),分享,vscode,ide,编辑器

截图中,高亮的插件就是在工作区中启用了的,反之的暗淡的插件就是工作区禁用的;
这样就避免了来回的禁用启用,直接设置好工作区的环境,完美解决问题。

工作区删除文件夹

vscode 之 工作区的应用(解决vue2插件vetur、vue3插件volar禁用启用问题),分享,vscode,ide,编辑器

也是很简单,直接右键选择项目文件夹 - 将文件夹从工作区删除,即可解决。

如何切换工作区

两种方法:

  • 文件 - 从文件打开工作区,然后选中你想打开的工作区即可
    vscode 之 工作区的应用(解决vue2插件vetur、vue3插件volar禁用启用问题),分享,vscode,ide,编辑器vscode 之 工作区的应用(解决vue2插件vetur、vue3插件volar禁用启用问题),分享,vscode,ide,编辑器

  • 文件 - 打开最近文件,选中你想打开的工作区即可(一定要后面带有工作区字样的哈)
    vscode 之 工作区的应用(解决vue2插件vetur、vue3插件volar禁用启用问题),分享,vscode,ide,编辑器文章来源地址https://www.toymoban.com/news/detail-524153.html

到了这里,关于vscode 之 工作区的应用(解决vue2插件vetur、vue3插件volar禁用启用问题)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vscode如何修改工作区(workspaces)目录

    首先 ctrl+shift+P 调出搜索框 其次搜索Workspace settings (json),并打开 打开以后将\\\"path\\\"后的路径由之前的默认路径修改为目标文件夹的完成路径即可。  

    2024年02月11日
    浏览(47)
  • 浅谈vscode中指代工作区或项目的路径等配置

    在Visual Studio Code中,除了 ${workspaceFolder} 之外,还有其他一些类似的配置,用于指代工作区或项目的路径或其他信息。以下是一些常用的配置: ${workspaceFolder} : 工作区的根目录路径。 ${workspaceFolderBasename} : 工作区的根目录名称。 ${file} : 当前打开文件的完整路径。 ${fileDirnam

    2024年02月08日
    浏览(36)
  • 配置VScode工作区和终端编码格式为UFT-8

    第一、在代码工作区修改为UTF-8编码方式 1.1 首先我们点击主界面右下角这个标志,如图所示  1.2 随后控制指令窗口会弹出来,继续点击通过编码重新打开 1.3 点开之后就会出现各种编码格式,我们选择UTF-8即可,当然也可以选择自己需要的格式  2.在终端修改为UTF-8编码方式

    2024年02月09日
    浏览(45)
  • windows安装go,以及配置工作区,配置vscode开发环境

    下载安装go 我安装在D:go路径下 配置环境变量 添加GOROOT value为 D:go 修改path 添加 %GOROOT%bin 添加GOPATH value为 %USERPROFILE%go 其中GOPATH 是我们自己开发的工作区,其中包含三个folder bin,pkg,以及src,其中src为我们编写代码的位置 配置vscode开发环境 所搜go并安装扩展 在pkg文件夹下创

    2024年02月12日
    浏览(49)
  • Git--本地修改文件暂存工作区和恢复至工作区

    当克隆一个项目到本地之后,经常需要修改配置文件,那如何做到下次再更新代码,不重复修改配置文件。可通过暂存工作区内容进行恢复。 注意:默认恢复的就是最新一次stash 说明:会展示所有的stash列表 git stash apply 暂存名 说明:通过查看stash列表,把指定的stash记录删除

    2024年02月11日
    浏览(67)
  • Git——工作区管理

    如何管理工作目录,以便用户可以更高效地新建提交。如何在处理工作区和暂存区文件的过程中修复错误,以及如何修复最近一次提交记录中的问题;同时还会了解到如何安全地使用暂存机制和多个工作目录处理工作流中的中断问题。 主要内容有以下几点: 忽略文件:特意

    2024年02月03日
    浏览(42)
  • VS Code工作区用法

    背景 VS Code可以通过\\\"文件/打开文件夹\\\"来打开本地项目,但是想要打开多个项目便需要来回切换,比较费劲。此时就可以使用工作区功能,将不同的项目放置到同一个工作区中,这样切换项目的时候就会非常方便。 操作方法 打开其中一个项目 执行命令:文件 》 打开文件夹

    2024年01月25日
    浏览(60)
  • go work 笔记 (多模块工作区)

    go 1.18 引入了功能泛型 (Generics), 同时还引入的多模块工作区 (Workspaces) 和模糊测试 (Fuzzing)。 Go 多模块工作区能够使开发者能够更容易地同时处理多个模块的工作, 如: 方便进行依赖的代码调试(打断点、修改代码)、排查依赖代码 bug 方便同时进行多个仓库/模块并行开发调试 通

    2024年02月12日
    浏览(42)
  • git工作区删除了文件想更新回来

    删除了本地dev分支的几个文件,本地dev对应远端dev分支,想更新回来 法一、如果你知道文件夹名称或者文件名称: 法二、工作区的修改,其中就包括删除,这其实都会被git认为正常的操作,即使是你误操作 而针对你的操作,git提供了回退操作,如下图 法三,直接将本地库整

    2024年02月11日
    浏览(58)
  • Git——三大分区【工作区 / 暂存区 / 版本区】

    前言 :Git作为一个版本管理工具,最核心组成思想是它的三个分区:工作区、暂存区和工作区。   Git的工作区也就是我们平时编辑代码的目录文件夹。   暂存区就是一个 暂时放置修改文件记录 的地方。以往仓库中放货物为例,向仓库中放货物总是一车车的拉,因为如

    2024年02月06日
    浏览(62)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包