当前位置: 首页>后端>正文

VS Code常用插件及快捷键

插件:

1.? ?Chinese (Simplified) Language Pack for Visual Studio Code

适用于 VS Code 的中文(简体)语言包

2.? ?Open in Browser

在vscode中右击打开浏览器访问

3.? ?JS-CSS-HTML Formatter(不推荐装,装了会和tabsize:2产生冲突,它是4)

每次保存,都会自动格式化js? css? html代码

4.? ?Auto Rename Tag

自动重命名配对的HTML / XML标签

5.? ?Beautify

美化代码

6.? ?ESLint

代码检查工具

7.? ?Vetur

VScode官方钦定Vue插件,Vue开发者必备。内含语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger等实用功能

?8.? ?JavaScript (ES6) code snippets

ES6的代码自动补全

9.? ?vue 2 Snippets? ?/? ?VueHelper

vue 代码提示

Vue 3 Snippets? ? ?快速生成 Vue3 相关代码的代码片段

10.? ?Path Intellisense

自动路径补全

11.? ?GitLens — Git supercharged

GitLens只是帮助您更好地理解代码。快速浏览一下,为什么以及何时更改了行或代码块。跳过历史记录,以获得有关代码演变的方式和原因的进一步见解

12.? cssrem

px转rem单位

TypeScript Hero:可以帮助你快速重构 TypeScript 代码,包括重命名、提取函数等

Auto Import:自动导入工具,可以根据代码上下文自动导入需要的模块

Bracket Pair Colorizer(已内置于vs code,在设置-文本编辑器开启):该插件可以为你把成对的括号做颜色区分,并且提供一根连接线。方便我们审阅代码结构。

VS Code常用插件及快捷键,第1张

CSS Peek:css样式查看器,可快速查看我们的css样式,非常方便快捷

Image preview:鼠标悬浮在链接上可及时预览图片

Live Server:VScode浏览器自动刷新插件?

ai插件:tabnine,Copilot

eslint,prettier-Code formatter,vetur

快捷键:

F1?或?Ctrl+Shift+P(俗称万能键)? :打开命令面板。

代码行向左或向右缩进:? ?Ctrl+[? ??????????Ctrl+]

向上或向下移动一行: Alt+Up或Alt+Down

查找:?Ctrl+F

替换: Ctrl+H

单行注释:ctrl+/

多行注释:Alt+shift+A

新建文件: Ctrl+N

文件之间切换: Ctrl+Tab

打开一个新的VS Code编辑器:Ctrl+Shift+N

关闭当前窗口:Ctrl+W

关闭当前的VS Code编辑器:Ctrl+Shift+W


https://www.xamrdz.com/backend/3zh1933818.html

相关文章: