聊聊如何配置vscode,實現共享配置功能!

2022年了,你還不會利用vscode的共享配置和團隊協作嗎?下面我們就來看看如果配置vscode,實現共享配置吧,希望對大家有所幫助!

聊聊如何配置vscode,實現共享配置功能!

每個人的習慣都是不一樣的,比如你eslint和prettier都配置雙引號,這樣eslint是正常顯示的。但是別人pull你的代碼,他習慣用單引號,所以他的prettier是會自動處理成單引號的,這樣eslint全部報紅,你要怎么解決這個問題?

vscode共享配置是微軟推出的一個功能,為了解決每個人的代碼風格習慣不一樣的問題,能夠讓開發者盡量避免因代碼風格等等問題,統一代碼風格,讓開發者更專注于開發。【推薦學習:《vscode》】

它不是在于改變你的習慣。比如你以前習慣用雙引號,那你就繼續用雙引號就好了,而插件會自動幫你做處理改成單引號之類的。只會讓你看著不習慣,而不需要你手動的去更改你的習慣。

settings.json

項目創始人只需要在自己項目的根目錄創建一個.vscode文件夾,并且新建一個settings.json文件,然后把自己本地的vscode配置復制到里面。當團隊成員下載這個項目的時候,vscode的加載規則是先到項目的根目錄查看有沒有這個settings.json文件,有的話,則優先使用這個文件的配置。如果沒有,才加載本地的配置。這樣這個settings.json文件就會覆蓋別人的本地配置,然后進行加載vscode。

聊聊如何配置vscode,實現共享配置功能!

extensions.json

同樣的道理,項目創始人在創建項目的時候新建一個extensions.json,并把自己覺得需要推薦的插件寫到里面,這樣當團隊成員下載這個項目的時候,就可以去查看需要下載的插件。比如之前一直推薦的vetur現在對vue3的支持不是很友好,官方現在推薦用volar,所以就可以寫在里面extensions.json

聊聊如何配置vscode,實現共享配置功能!

聊聊如何配置vscode,實現共享配置功能!

數組是插件的id,可在插件詳情頁中查看

聊聊如何配置vscode,實現共享配置功能!

使用插件的時候則需要團隊成員手動下載,先到插件下載頁面,上面有個篩選功能

聊聊如何配置vscode,實現共享配置功能!

選擇推薦,則會展現推薦的插件

聊聊如何配置vscode,實現共享配置功能!

聊聊如何配置vscode,實現共享配置功能!

點擊安裝,即可安裝全部推薦的插件

聊聊如何配置vscode,實現共享配置功能!

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

以上就是聊聊如何配置

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