简单几个步骤让VSCode像IntellijIdea一样丝滑

好久之前我学习后端接触了优秀的Intellij Idea编辑器。用了之后突然就觉得VS Code不香了。

创新互联建站网站建设服务商，为中小企业提供成都网站建设、做网站服务，网站设计，网站托管运营等一站式综合服务型公司，专业打造企业形象网站，让您在众多竞争对手中脱颖而出创新互联建站。

我们先看看Intellij Idea的优秀之处。

Intellij Idea

优秀的git版本管理

管理分支和tag

版本差异比较

快捷更新

方便的脚本管理

启动命令管理

依赖包脚本

VS Code

而我们在日常的前端开发中，所有的一切命令基本都是在vs code的terminal完成的。

 GitLens插件

好在git管理的缺陷可以使用GitLens这样优秀的插件完成基本的日常开发代码管理工作。

例如下面是我的开源项目raetable的代码版本管理页面。

那有啥办法可以让依赖包的管理也可以像Idea一样丝滑吗？

巧用debugger

当然有啊，我们只需要借助VS Code自带的Debugger功能。

我们只需要在项目根目录下新建.vscode/launch.json文件，内容如下：

{
  "configurations": [
    {
      "command": "npm run dev",
      "name": "dev",
      "request": "launch",
      "type": "node-terminal"
    },
    {
      "command": "npm run build",
      "name": "build",
      "request": "launch",
      "type": "node-terminal"
    },
    {
      "command": "pnpm install",
      "name": "install",
      "request": "launch",
      "type": "node-terminal"
    },
    {
      "command": "sh deploy.sh",
      "name": "deploy",
      "request": "launch",
      "type": "node-terminal"
    },
    {
      "command": "rmdir /s /q node_modules",
      "name": "clean",
      "request": "launch",
      "type": "node-terminal"
    },
  ]
}

然后我们在侧边栏打开debugger，选择需要运行的命令点击运行三角按钮就可以了。

接下来我们也可以在右上角快速选择命令的重启或者关闭。

现在是不是也有Idea那味了！

好了，今天的分享就这到了，如果文中有未提到的技巧，你可以在评论区告诉，我及时补充到这里，十分感谢！！

文章同步在公众号：萌萌哒草头将军，欢迎关注，如果你想联系我，可以加我：SunBoy_mmdctjj

我们一起学习，一起进步。

新闻标题：简单几个步骤让VSCode像IntellijIdea一样丝滑
分享链接：http://www.shufengxianlan.com/qtweb/news38/405138.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联