1.settings.json文件在哪（打開settings.json方式）

（1）C:\Users\【你電腦名字username】\AppData\Roaming\Code\User

 （2）左下角設(shè)置按鈕

（3）文件 -> 首選項(xiàng) -> 設(shè)置

在這設(shè)置完屬性后，settings.json也會(huì)自動(dòng)更新

（4）注意：上面是全局的，如果是針對項(xiàng)目的設(shè)置，則在項(xiàng)目下面找

2.設(shè)置UI界面和settings.json界面切換（任意切換）

可圖形化界面設(shè)置，也可以在settings.json設(shè)置，根據(jù)操作習(xí)慣來選擇

3.在模板文件中，.vue模板文件會(huì)出現(xiàn)$event=>，手動(dòng)刪除不了，這個(gè)可以通過配置解決

把鼠標(biāo)放上去，會(huì)提示Set `"volar.inlayHints.eventArgumentInInlineHandlers": false` to hide Event Argument in Inline Handlers.

（1）方式一：通過配置settings.json來隱藏

"volar.inlayHints.eventArgumentInInlineHandlers": false

 （2）方式二：通過圖形化界面配置，打開設(shè)置界面，搜索volar.inlayHints，去掉勾選

 配置完后，再試試，恭喜你，成功了

4.設(shè)置保存后自動(dòng)格式化文件（在settings.json文件配置）

如果你沒有安裝格式化插件，可以安裝一下：volar、eslint、Code Spell Checker【僅做參考，根據(jù)需要安裝插件】

"eslint.validate": [
   "javascript",
   "javascriptreact",
   "vue"
 ],
"eslint.run": "onSave",
"editor.formatOnSave": true,
"eslint.autoFixOnSave": true,
"editor.codeActionsOnSave": {
   "source.fixAll.eslint": true
},
"vetur.validation.template": false,
"javascript.format.semicolons": "ignore",

5.常用的一些快捷鍵

（1）重開一行：光標(biāo)在行尾的話，回車即可

（2）不在行尾，向下重開一行：ctrl + enter

（3）上一行重開一行：ctrl + shift + enter 

（4）光標(biāo)沒有選擇內(nèi)容時(shí)，剪切一行：ctrl + x

（5）直接刪除一行：ctrl + shift + k

（6）向上移動(dòng)一行：alt + ↑ 

（7）向下移動(dòng)一行：alt + ↓ 

（8）向下復(fù)制一行：shift + alt + ↓ 

（9）向上復(fù)制一行：shift + alt + ↑ 

（10）ctrl + z 回退

6.正則插件

在擴(kuò)展商城安裝any-rule插件，ctrl+shift+p就可以看到常用正則

 直接選中你想要的正則規(guī)則，就會(huì)在你代碼編輯器光標(biāo)的地方顯示了

附：還有其他正則插件，根據(jù)自己的需要選擇安裝使用即可，個(gè)人比較推薦any-rule

總結(jié)

到此這篇關(guān)于VSCode修改配置(設(shè)置settings.json)的文章就介紹到這了,更多相關(guān)VSCode設(shè)置settings.json內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論