目录

• 1.settings.json文件在哪(打开settings.json方式)
• 2.设置UI界面和settings.json界面切换(任意切换)
• 3.在模板文件中,.vue模板文件会出现$event=>,手动删除不了,这个可以通过配置解决
• 4.设置保存后自动格式化文件(在settings.json文件配置)
• 5.常用的一些快捷键
• 6.正则插件
• 总结

1.settings.json文件在哪(打开settings.json方式)

(1)C:\Users\【你电脑名字username】\AppData\Roaming\Code\User

 (2)左下角设置按钮

(3)文件 -> 首选项 -> 设置

在这设置完属性后,settings.json也会自动更新

(4)注意:上面是全局的,如果是针对项目的设置,则在项目下面找

2.设置UI界面和settings.json界面切换(任意切换)

可图形化界面设置,也可以在settings.json设置,根据操作习惯来选择

3.在模板文件中,.vue模板文件会出现$event=>,手动删除不了,这个可以通过配置解决

把鼠标放上去,会提示Set `"volar.inlayHints.eventArgumentInInlineHandlers": false` to hide Event Argument in Inline Handlers.

(1)方式一:通过配置settings.json来隐藏

"volar.inlayHints.eventArgumentInInlineHandlers": false

 (2)方式二:通过图形化界面配置,打开设置界面,搜索volar.inlayHints,去掉勾选

 配置完后,再试试,恭喜你,成功了

4.设置保存后自动格式化文件(在settings.json文件配置)

如果你没有安装格式化插件,可以安装一下:volar、eslint、Code Spell Checker【仅做参考,根据需要安装插件】

"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)重开一行:光标在行尾的话,回车即可

(2)不在行尾,向下重开一行:ctrl + enter

(3)上一行重开一行:ctrl + shift + enter 

(4)光标没有选择内容时,剪切一行:ctrl + x

(5)直接删除一行:ctrl + shift + k

(6)向上移动一行:alt + ↑ 

(7)向下移动一行:alt + ↓ 

(8)向下复制一行:shift + alt + ↓ 

(9)向上复制一行:shift + alt + ↑ 

(10)ctrl + z 回退

6.正则插件

在扩展商城安装any-rule插件,ctrl+shift+p就可以看到常用正则

 直接选中你想要的正则规则,就会在你代码编辑器光标的地方显示了

附:还有其他正则插件,根据自己的需要选择安装使用即可,个人比较推荐any-rule

总结

到此这篇关于VSCode修改配置(设置settings.json)的文章就介绍到这了,更多相关VSCode设置settings.json内容请搜索代码部落以前的文章或继续浏览下面的相关文章希望大家以后多多支持代码部落!