為什么要用工作區?VSCode工作區使用指南分享

為什么要用vscode工作區?下面本篇文章給大家分享一下vscode工作區指南,希望對大家有所幫助!

為什么要用工作區?VSCode工作區使用指南分享

為什么要用vscode工作區

VSCode作為宇宙第一編輯器(我自個取的),不僅僅是前端開發利器,而且像python開發和c/cpp開發體驗也是非常的棒,甚至有人會用vscode寫Java。vscode不是ide,它的很多功能并非集成的,但vscode擁有非常好的擴展性和它的強大社區提供的擴展市場。用戶可以根據自身需要自由地安裝擴展,使得vscode非常的輕量、快速,這也是很多人喜歡它的原因。【推薦學習:《vscode》】

為什么要用工作區?VSCode工作區使用指南分享

為什么要用工作區?VSCode工作區使用指南分享

為什么要用工作區?VSCode工作區使用指南分享

但是隨著vscode的擴展裝的越來越多,變得非常難以管理,比如說:我在做前端開發的時候,那么我們的python插件就不需要了,我們可以選擇開啟,但這個插件明顯會占用不必要的cpu資源,大多數人會選擇關閉,用的時候再打開,其實這樣也不是好的辦法,這只是一個插件,但python開發的插件可不止一個,并且還有c/cpp的插件等要管理,那么就會變得非常麻煩了。

VSCode工作區就是為此誕生的。你可以把自定義地創建工作區,比如把python作為一個工作區,cpp作為一個工作區,前端開發也是可以根據需要分為好幾個工作區,并且你可以控制擴展在工作區的啟用和禁用,這也是工作區最大的優點之一。

來看一下最終效果:

為什么要用工作區?VSCode工作區使用指南分享

工作區創建

創建一個工作區

我們先打開了React文件夾,點擊菜單欄中的文件,將工作區另存為就是創建工作區,然后會生成.code-workspace的文件,名字可以自定義,建議可以自己創建一個文件夾來專門存儲這些文件,建好后,我們就在這個工作區下了,可以看到React文件夾。

為什么要用工作區?VSCode工作區使用指南分享

添加項目至工作區

我們可以在工作區打開多個項目,根據自己需要進行添加或刪除,這也是工作區的優點之一。

為什么要用工作區?VSCode工作區使用指南分享

在工作區啟用或禁用擴展

重點來了,有了工作區,你就可以根據需要是否在工作區開啟或禁止某個擴展,我覺得的這是最好的功能之一,這不僅可以減少不必要的內存占用,也可以阻止其他不相關插件對開發的影響,尤其是snippets類插件。

我的建議是只啟用某些公用的插件,像Chinese (Simplified) (簡體中文)等,一些針對性的插件只在工作區開啟。

為什么要用工作區?VSCode工作區使用指南分享

切換工作區

切換工作區也很簡單,在菜單欄中的從文件打開工作區

為什么要用工作區?VSCode工作區使用指南分享

工作區配置

如果沒有開啟工作區,我們就只有用戶和文件夾(.vscode)兩種級別設置,打開了工作區,就會新增一個工作區設置,我們可以在這個工作區編寫相關的設置和調試配置。

為什么要用工作區?VSCode工作區使用指南分享

很多人一開始會對這幾個級別的配置理解的比較混亂,其實這東西很好理解,三者的關系特別像css繼承和權重。用戶的權重最低,作用范圍大;文件夾的權重最高,作用范圍小,三者有繼承關系。

比如說:如果你沒有寫工作區的設置,那么就會繼承用戶的設置,所以你在工作區只需要寫寫有差別的配置,這些會覆蓋用戶的配置,重復的就不用寫,文件夾同理。

Error-icon{fill:#552222;}#bytemd-mermaid-1647864919083-0 .error-text{fill:#552222;stroke:#552222;}#bytemd-mermaid-1647864919083-0 .edge-thickness-normal{stroke-width:2px;}#bytemd-mermaid-1647864919083-0 .edge-thickness-thick{stroke-width:3.5px;}#bytemd-mermaid-1647864919083-0 .edge-pattern-solid{stroke-dasharray:0;}#bytemd-mermaid-1647864919083-0 .edge-pattern-dashed{stroke-dasharray:3;}#bytemd-mermaid-1647864919083-0 .edge-pattern-dotted{stroke-dasharray:2;}#bytemd-mermaid-1647864919083-0 .marker{fill:#333333;stroke:#333333;}#bytemd-mermaid-1647864919083-0 .marker.cross{stroke:#333333;}#bytemd-mermaid-1647864919083-0 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#bytemd-mermaid-1647864919083-0 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#bytemd-mermaid-1647864919083-0 .cluster-label text{fill:#333;}#bytemd-mermaid-1647864919083-0 .cluster-label span{color:#333;}#bytemd-mermaid-1647864919083-0 .label text,#bytemd-mermaid-1647864919083-0 span{fill:#333;color:#333;}#bytemd-mermaid-1647864919083-0 .node rect,#bytemd-mermaid-1647864919083-0 .node circle,#bytemd-mermaid-1647864919083-0 .node ellipse,#bytemd-mermaid-1647864919083-0 .node polygon,#bytemd-mermaid-1647864919083-0 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#bytemd-mermaid-1647864919083-0 .node .label{text-align:center;}#bytemd-mermaid-1647864919083-0 .node.clickable{cursor:pointer;}#bytemd-mermaid-1647864919083-0 .arrowheadPath{fill:#333333;}#bytemd-mermaid-1647864919083-0 .edgePath .path{stroke:#333333;stroke-width:1.5px;}#bytemd-mermaid-1647864919083-0 .flowchart-link{stroke:#333333;fill:none;}#bytemd-mermaid-1647864919083-0 .edgeLabel{background-color:#e8e8e8;text-align:center;}#bytemd-mermaid-1647864919083-0 .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#bytemd-mermaid-1647864919083-0 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#bytemd-mermaid-1647864919083-0 .cluster text{fill:#333;}#bytemd-mermaid-1647864919083-0 .cluster span{color:#333;}#bytemd-mermaid-1647864919083-0 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80,100%,96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#bytemd-mermaid-1647864919083-0:root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}#bytemd-mermaid-1647864919083-0 flowchart{fill:apa;}

繼承

覆蓋

繼承

覆蓋

用戶

工作區

文件夾

Project Manager

在上面的配置下來后,已經是比較好用了,不過還不夠強大,操作起來有點點小麻煩,接下來我們去安裝一個擴展,這個擴展和VSCode工作區可謂是天生一對,超級好用。

為什么要用工作區?VSCode工作區使用指南分享

這個擴展安裝量也是比較高的,最后更新日期是2022/2/9,說明有在積極維護,評分也是全五星。

安裝好了后,會在左側菜單多一個文件夾圖標。

為什么要用工作區?VSCode工作區使用指南分享

我們把之前新建的React工作區加進來,這個插件可以很方便我們切換工作區,并且提供了標簽的一些功能,當然還有遠程項目的功能,不過我們只說跟工作區相關的,其他的不多說了。

為什么要用工作區?VSCode工作區使用指南分享

我們也可以發現,在切換工作區的時候,vscode可以保持文件在之前的打開狀態,甚至文件夾的折疊和開啟都能保持,這極大地提高我們的開發效率。它也不僅僅能保存工作區,也能保存文件夾,即使你不用工作區,也強烈推薦。

更多關于VSCode的相關知識,請訪問:vscode!!

? 版權聲明
THE END
喜歡就支持一下吧
點贊11 分享