目录
1.改中文
2.不同注释色
3.显示Color颜色
4.显示尾部空格
5.快捷提示
6.调出颜色面板
7.git 提交记录
8.本地修改记录
9.文件比较
10.Post请求测试
11.实时显示代码的运行结果
12.自动修改标签名
13.在选中代码两边添加各种引号、括号
14.自动添加console.log
15.自动换算单位 px rem vw rpx
16.代码格式化
17.小游戏
1.改中文
扩展:Chinese
使用方法:
按下“Ctrl+Shift+P”组合键以显示“命令面板”,然后键入“display”以筛选并显示“Configure Display Language”命令。按“Enter”,然后会按区域设置显示安装的语言列表,并突出显示当前语言设置。选择另一个“语言”以切换 UI 语言。
2.不同注释色
扩展:Better Comments
3.显示Color颜色
扩展:Color Highlight
4.显示尾部空格
扩展:Trailing Spaces
5.快捷提示
扩展:vscode-if
看起来不如 #region 能折叠
6.调出颜色面板
扩展:Color Info
右键选择命令行面板或“Ctrl+Shift+P” 搜索 显示或聚焦独立颜色选取器 show or focus
7.git 提交记录
扩展:(Git History 、GitLens )2个一起用效果更佳
右键脚本,选择Git:View File History 或 ALT+H
8.本地修改记录
扩展:Local History
安装完以后,项目根目录下会自动生成 .history
的文件夹。代码的修改记录就会放在这里面。
记得添加.gitignore
。
9.文件比较
扩展:Partial Diff
使用方法:
1.选中一段代码 右键 选择 Select Text for Compare
2.选中另一段代码 右键 选择 Compare Text with Previous Selection
10.Post请求测试
扩展:Postcode
安装后左侧功能按钮会出现个小盒子,选中后 点击 Create Request
11.实时显示代码的运行结果
扩展:Quokka.js
12.自动修改标签名
扩展:Auto Rename Tag
修改一个开始标签时,自动重命名配对的结束标签
13.在选中代码两边添加各种引号、括号
扩展:embrace
14.自动添加console.log
扩展1:javascript console utils
选中要输出的内容,Ctrl+Shift+L
扩展2:Turbo Console Log
选中要输出的内容,Ctrl+Alt+L
15.自动换算单位 px rem vw rpx
扩展:px to rem & rpx & vw (cssrem)
16.代码格式化
扩展:Prettier - Code formatter
使用:选中要格式化的文本,右键 格式化选定内容,或 Ctrl+K Ctrl+F
17.小游戏
扩展:小霸王、红白机
这俩安装后会在vs code左侧出现游戏图标
扩展:4399 on VSCode
命令面板 搜索4399 on VSCode