好久之前我學(xué)習(xí)后端接觸了優(yōu)秀的Intellij Idea編輯器。用了之后突然就覺(jué)得VS Code不香了。

我們先看看Intellij Idea的優(yōu)秀之處。

??Intellij Idea

?? 優(yōu)秀的git版本管理

管理分支和tag

版本差異比較

快捷更新

?? 方便的腳本管理

啟動(dòng)命令管理

依賴包腳本

??VS Code

而我們?cè)谌粘５那岸碎_(kāi)發(fā)中，所有的一切命令基本都是在vs code的terminal完成的。

??  GitLens插件

好在git管理的缺陷可以使用GitLens這樣優(yōu)秀的插件完成基本的日常開(kāi)發(fā)代碼管理工作。

例如下面是我的開(kāi)源項(xiàng)目raetable的代碼版本管理頁(yè)面。

那有啥辦法可以讓依賴包的管理也可以像Idea一樣絲滑嗎？

?? 巧用debugger

當(dāng)然有啊，我們只需要借助VS Code自帶的Debugger功能。

我們只需要在項(xiàng)目根目錄下新建.vscode/launch.json文件，內(nèi)容如下：

{
  "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"
    },
  ]
}

然后我們?cè)趥?cè)邊欄打開(kāi)debugger，選擇需要運(yùn)行的命令點(diǎn)擊運(yùn)行三角按鈕就可以了。

接下來(lái)我們也可以在右上角快速選擇命令的重啟或者關(guān)閉。

現(xiàn)在是不是也有Idea那味了！

好了，今天的分享就這到了，如果文中有未提到的技巧，你可以在評(píng)論區(qū)告訴，我及時(shí)補(bǔ)充到這里，十分感謝??！

文章同步在公眾號(hào)：萌萌噠草頭將軍，歡迎關(guān)注，如果你想聯(lián)系我，可以加我：SunBoy_mmdctjj

我們一起學(xué)習(xí)，一起進(jìn)步。