簡單幾個步驟讓VS Code像Intellij Idea一樣絲滑
作者：萌萌噠草頭將軍
好在git?管理的缺陷可以使用GitLens這樣優秀的插件完成基本的日常開發代碼管理工作。下面是我的開源項目raetable的代碼版本管理頁面。
好久之前我學習后端接觸了優秀的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那味了！
好了，今天的分享就這到了，如果文中有未提到的技巧，你可以在評論區告訴，我及時補充到這里，十分感謝?。?/p>
文章同步在公眾號：萌萌噠草頭將軍，歡迎關注，如果你想聯系我，可以加我：SunBoy_mmdctjj
我們一起學習，一起進步。
責任編輯：武曉燕
來源：
萌萌噠草頭將軍
