【CSDN 編者按】 Visual Studio Code（以下簡稱 VS Code）是一個強大的工具，可惜很多人卻沒有找到它的正確打開方式。今天就教大家3個好用易學的小技巧，讓你的VS Code使用起來如行云流水！
原文鏈接：https://medium.com/fractions/3-visual-studio-code-tips-to-boost-your-workflow-b107ec573d75
作者 | Can Durmus譯者| 彭慧中
責編 | 屠敏
出品 | CSDN（ID：CSDNnews）
以下為譯文：
只要你知道如何使用VS Code，它就是一個萬能的工具。
隨著時間的推移，VS Code變得越來越好，并添加了更多的特性。然而，這些特性通常都隱藏在VS Code的JSON設置中，大多數新手根本就無法找到。今天，我將與大家分享3個不同尋常的技巧，它們可以幫助大家提升開發效率。
根目錄下的配置太多，該怎么辦?
配置文件又名dotfiles，是開發中不可或缺的一部分，因為現在已經不是2000年，沒有人再使用普通的HTML、CSS和Java了。我們現在幾乎有了做任何事情的工具，有轉譯器、編譯器、綁定器、編譯器、美化器……幸運的是，我們可以根據項目的需要，用配置文件對它們進行配置。
然而，在根目錄中有幾十個配置文件會導致一團亂。盡管這些可定制的工具非常棒，但在配置它們一次之后，我從來沒有打開它們，除非在項目中有我無法預見的東西。那么，為什么我每次都要在這個混亂的文件夾中找到我的主文件夾呢?
幸運的是，VS Code有一個還在實驗階段的設置功能，叫做fileNesting。它允許開發者可視化地將文件嵌套到另一個文件中，并清除工作區。好在它不會打亂文件結構，而且所有的預配置工具都可以在沒有任何額外努力的情況下繼續工作。
對于這個項目，我將把我所有的配置文件放在package.json文件和README.md下的變更日志和許可證。
有了這個設置，我終于可以找到任何我第一眼想要的，如果我需要編輯任何配置文件，我可以展開像package.json的一個文件夾，并編輯它下面的文件。
對于這個技巧，你必須向setting.json中添加三個條目。按Ctrl或Cmd + Shift + P打開它，并寫入“settings.json”。然后將這些條目添加到末尾。
"explorer.experimental.fileNesting.enabled": true, "explorer.experimental.fileNesting.expand": false, "explorer.experimental.fileNesting.patterns": { // Append as many as you want// The keys are the parents and the values are the nested files. "package.json": ".gitignore, .parcelrc, .prettierc ...", "README.md": "CHANGELOG.md, LICENCE"}就是這樣！沒有更多的混亂的根，所有都容易查找。不要忘記查看并啟動我截屏的這個項目，以確認文件結構沒有改變。
不需要擴展
擴展太棒了！它們是VS Code強大的主要原因。由于其背后龐大的社區，這些擴展的數量變得越來越多。然而，這種龐大并不總是一件好事，因為你添加的擴展越多，VS Code加載的時間就越長。在某個結點之后，它將需要花費超過6-7秒，如果你愿意等待那么長時間，為什么不使用IDE呢?
此外，在擴展中，可能會出現一些安全性和性能問題，這些問題可能導致您甚至無法想象的結果。
以下是我的建議：如果擴展對你的工作站不是那么重要，就不要安裝它。相反，看看VS Code的文檔，試著找到一種本地的方法。如我之前所說，使用設置。你可以用VS Code做很多事情。下面是一個擴展及其設置的小列表settings.json的替代品。
雙引號彩色化
這是一個非常有用的方法，我用了很長時間。但現在它是在VS Code中本地實現的，而不是擴展，我使用的是快速的本地擴展。
要啟用它，請打開settings.json，并添加以下內容:
" editor.bracketPairColorization.enabled": true, " editor.guides.bracketPairs" :"active自動導入
自動導入是另一個應用廣泛的擴展，高達2M+的下載文件。但當你不需要的時候，為什么要讓你的工作空間被占用呢?
下面是VS Code開發者實現的相同功能。將這段代碼添加到settings.json中。
"java.suggest.autoImports": true, "java.updateImportsOnFileMove.enabled": "always", "type.suggest.autoImports": true, "type.updateImportsOnFileMove.enabled": "always"自動關閉和重命名HTML標簽
這些擴展是我在系統上安裝的第一個，但現在它們都沒有了，因為現在VS Code可以通過這些設置自動做到:
"editor.linkedEditing": true, "html.autoClosingTags": true, "java.autoClosingTags": true, "type.autoClosingTags": true,Doxygen文檔生成器
這是另一個在記錄你的代碼時非常有用的擴展，正因為如此，VS code決定自己實現它。盡管如此，仍有600多萬用戶在自己的工作站上安裝了這個擴展。
這是默認啟用的，但如果不是，你可以添加以下settings.json:
" java.suggest.completeJSDocs": true, " java.suggest.jsdoc.generateReturns": true, " type.suggest.completeJSDocs": true, " type.suggest.jsdoc.generateReturns": true,更多的情況是，雖然本地就能實現，但人們仍然使用外部擴展。如果你有任何建議，不要忘記在回復部分分享它們。
立即重命名
當你不得不在整個代碼庫中更改函數或變量的名稱時，因為你不能使用好的ol " find & replace來代替它，這是很糟糕的。變量名可以在字符串中，甚至可以在另一個函數名中，改變它會破壞一切。
幸運的是，VS Code比你想象的更聰明。它可以很容易地區分哪些字符是預期的變量名，并只更改變量名。
為此，你必須選擇需要重命名的變量并按F2。然后，輸入新的變量名并按Enter鍵。瞧！什么都沒有損壞，變量的名稱也立即改變了。
結論
恭喜你！現在你知道了我用來加速開發環境的3個VS Code技巧。總之，VS Code是一個強大的工具，并且實現了它的目的——甚至更多。然而，如果你不知道如何使用，即使你擁有世界上最好的工具也無濟于事。
END
?從物理轉AI、戰數據庫，95后程序員的職業選擇
?440 億美元成交！Twitter “賣身”馬斯克
?Java 18 還未用上，Java 19 最新兩大特性曝光！
—點這里 ↓↓↓記得關注標星哦~—
一鍵三連 「分享」「點贊」「在看」
成就一億技術人
責任編輯：Rex_08
營業執照公示信息