快捷導(dǎo)航

VSCode修改配置(設(shè)置settings.json)匯總大全

更新時(shí)間：2024年01月08日 10:17:25 作者：cyqzy

這篇文章主要給大家介紹了關(guān)于VSCode修改配置(設(shè)置settings.json)的相關(guān)資料,setting.json是設(shè)置語言環(huán)境,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下

1.settings.json文件在哪（打開settings.json方式）
2.設(shè)置UI界面和settings.json界面切換（任意切換）
3.在模板文件中，.vue模板文件會(huì)出現(xiàn)$event=>，手動(dòng)刪除不了，這個(gè)可以通過配置解決
4.設(shè)置保存后自動(dòng)格式化文件（在settings.json文件配置）
5.常用的一些快捷鍵
6.正則插件
總結(jié)

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）注意：上面是全局的，如果是針對(duì)項(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)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: