VSCode快捷方式

女爷i 2022-11-06 06:49 221阅读 0赞

## VS Code 常用快捷键 ##

### 1、注释： ###

*  单行注释：ctrl+/， 注释后再按取消
 *  取消单行注释：alt+shift+A 注释后再按取消

### 2、移动行 ###

*  向上移动一行：alt+up
 *  向下移动一行：alt+down

### 3、显示/隐藏左侧目录栏 ###

*  ctrl + b

### 4、复制当前行 ###

*  向上复制一行：shift+alt+up
 *  向下复制一行：shift+alt+down

### 5、删除当前行 ###

*  shift + ctrl + k

### 6、控制台显示隐藏 ###

*  ctrl + ~

### 7、查找文件 ###

*  ctrl + p

### 8、代码格式化 ###

*  shift + alt +f

### 9、新建窗口 ###

*  ctrl + shift + n

### 10、行增加缩进 ###

*  ctrl + \[

### 11、行减少缩进 ###

*  ctrl + \]

### 12、关闭编辑窗口 ###

*  ctrl + w

### 13、关闭所有窗口 ###

*  ctrl + k + w

## VS Code 的常用插件 ##

1、Auto Rename Tag 修改 html 标签，自动帮你完成尾部闭合标签的同步修改，和 webstorm 一样。

2、Auto Close Tag 自动闭合HTML标签

4、Beautiful 格式化代码的工具

5、Dash Dash是 MacOS 的 API 文档浏览器和代码段管理器

6、Ejs Snippets ejs 代码提示

7、ESLint 检查 javascript 语法错误与提示

8、File Navigator 快速查找文件

9、Git History (git log) 查看 git log

10、Gulp Snippets 写 gulp 时用到，gulp 语法提示。

11、HTML CSS Support 在HTML标签上写class智能提示当前项目所支持的样式

12、HTML Snippets 超级好用且初级的H5代码片段以及提示

13、Debug for Chrome 使用 vs code 来打断点调试

14、Document this Js 的注释模板

15、jQuery Code Snippets jquery 提示工具

16、Html2jade html 模板转 pug 模板

17、JS-CSS-HTML Formatter 格式化

18、Npm intellisense require 时的包提示工具

19、Open in browser 打开默认浏览器

20、One Dark Theme 一个vs code的主题

21、Path Intellisense 自动路径补全、默认不带这个功能

22、Project Manager 多个项目之间快速切换的工具

23、Pug(Jade) snippets pug 语法提示

24、React Components 根据文件名创建反应组件代码。

25、React Native Tools reactNative工具类为React Native项目提供了开发环境。

26、Stylelint css/sass 代码审查

27、Typings auto installer 安装 vscode 的代码提示依赖库，基于 typtings 的

28、View In Browser 默认浏览器查看HTML文件（快捷键Ctrl+F1可以修改）

29、Vscode-icons 让 vscode 资源目录加上图标、必备

30、VueHelper Vue2代码段（包括Vue2 api、vue-router2、vuex2）

31、Vue 2 Snippets vue必备vue代码提示

32、Vue-color vue 语法高亮主题

33、Auto-Open Markdown Preview markdown 文件自动开启预览

34、EverMonkey 印象笔记

35、atom one dark atom 的一个高亮主题(个人推荐)

发表评论取消回复

表情：

评论列表（有 0 条评论，221人围观）

还没有评论，来说两句吧...

相关阅读

相关 IDEA快捷方式

sout（System.out.println()） psvm/ma（main函数快速建立） shift:按两次输入文件路径可以搜索出来 shift+F6（右击Re

逃离我推掉我的手/ 2024年03月31日 13:13/ 0 赞/ 127 阅读

相关 vscode代码快捷输入

Vscode代码片段快捷输入 > 常用的代码片段为了避免重复输入,可以使用Vsco的中用户代码片段进行设置,这样就可以实现快捷输入. `操作流程` 如下 1.

ゝ一世哀愁。/ 2024年02月21日 11:13/ 0 赞/ 45 阅读

相关 Hbuilder快捷方式

HTML的快捷方式： sel 回车==> <select name=""> <option value=""></option> </s

深藏阁楼爱情的钟/ 2023年10月18日 11:48/ 0 赞/ 51 阅读

相关 VSCode快捷方式

VS Code 常用快捷键 1、注释：单行注释：ctrl+/，注释后再按取消取消单行注释：alt+shift+A 注释后再按取消 2、移动行

女爷i/ 2022年11月06日 06:49/ 0 赞/ 222 阅读

相关 HBuilder快捷方式

HBuilder可以快速提高我们代码的书写方式 1.生成标签，直接输入标签名，按tab键既可，比如div 然后tab键，就可以生成<div></div> 2.如果想要生成多

小灰灰/ 2022年03月21日 06:29/ 0 赞/ 705 阅读

相关 vscode创建vue快捷代码片段

（1）打开文件首选项 —> 用户代码片段 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ib

迷南。/ 2022年02月03日 00:55/ 0 赞/ 483 阅读

相关快捷方式

Linux基本的键盘输入快捷键和一些常用命令 <Ctrl><Alt><F1> 切换到第一个文本终端。在Linux下你可以有多达六个不同的终端。这个命令的意思是：“同

淡淡的烟草味﹌/ 2022年01月16日 15:13/ 0 赞/ 327 阅读

相关 bash快捷方式

cmd /k "cd /d E:/site/collect/"

Myth丶恋晨/ 2021年12月24日 16:05/ 0 赞/ 308 阅读

相关 IDER快捷方式

一、Ctrl 快捷键 Ctrl + F 在当前文件进行文本查找（必备） Ctrl + R 在当前文件进行文本替换（必备） Ctrl + Z

电玩女神/ 2021年09月17日 07:46/ 0 赞/ 405 阅读

相关 VScode新建自定义模板快捷方式

VS新建vue文件的自定义模板在使用`vscode`开发的时候，新建vue文件是不可或缺的，但是`VSCode`并没有`vue`文件的初始化模板，这个需要自定义模板。

骑猪看日落/ 2021年09月07日 06:01/ 0 赞/ 711 阅读