VSCode修改配置(设置settings.json)汇总大全

2024-03-01 0 121
目录
  • 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

VSCode修改配置(设置settings.json)汇总大全

(2)左下角设置按钮

VSCode修改配置(设置settings.json)汇总大全

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

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

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

VSCode修改配置(设置settings.json)汇总大全

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

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

VSCode修改配置(设置settings.json)汇总大全

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

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

VSCode修改配置(设置settings.json)汇总大全

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

"volar.inlayHints.eventArgumentInInlineHandlers": false

VSCode修改配置(设置settings.json)汇总大全

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

VSCode修改配置(设置settings.json)汇总大全

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

VSCode修改配置(设置settings.json)汇总大全

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就可以看到常用正则

VSCode修改配置(设置settings.json)汇总大全

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

VSCode修改配置(设置settings.json)汇总大全

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

总结

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

您可能感兴趣的文章:

  • 自己的vscode-settings.json配置详解

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悠久资源 编程技巧 VSCode修改配置(设置settings.json)汇总大全 https://www.u-9.cn/biancheng/jiqiao/181284.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务