vscode使用

vscode

• vscode访问git：下载devServer,ctrl+shift+p调出命令框，搜索devServer:start
  在http://localhost/admin/config/xxx.html (http://可省略)查看

• vscode设置中文: 下载Chinese Language Pack > ctrl+shift+p调出命令行 > Configure Display Language > "locale":"zh-CN"

• 必装插件
  Atom One Light Theme - Auto Close Tag 自动补齐标签 - Auto Rename Tag 自动跟随标签改动 - Beatify - Chinese Language Pack 中文包- CSS Peek 找到对应的css文件 - devServer 服务器打开 - ESLint 检查js的语法错误 - HTML CSS Support - OmniPascal - Open Preview - open in browser - Path Intellisense - Prettier-Code formatter - Quokka.js - vscode-icons - Tiny Light - Quiet Light for VSC - Vetur(vue3.0+里请用volar代替vetur,使用volar时vetur需设置禁用)-Laravel goto view(快速定位到代码引用位置)

• 多行注释
  

• 隐藏工作区中的node_modules文件夹，防止电脑加载卡死
  ctrl+shift+p——open user setting——点击右上角的 {} ——在setting.json里加入"files.exclude": { "node_modules/": true }这段代码

• tab缩进4个空格
  点击这个，选择“使用空格缩进” > 选择“4个空格”即可
  

• 如何双击连字符全部选中，如：video-box-a

在设置中搜索：editor.wordSeparators
得到结果"editor.wordSeparators": "`~!@#$%^&*()-=+[{]}\\|;:'\",.<>/?",
将其中的 - 去掉就可以了

• typescript警告的提示

装插件 Error Lens

• vscode代码参考线设置

在设置中搜索：Bracket Pairs
将对应配置设置为active或true即可

配置 vscode 能识别@开头的文件路径

https://www.cnblogs.com/huihuihero/p/17339292.html

设置快捷代码片段

https://blog.csdn.net/m0_46165586/article/details/127248606