vscode html注释快捷键_VSCode 的快捷键及常用插件总结

vscode html注释快捷键_VSCode 的快捷键及常用插件总结1、注释:·单行注释:ctrl+/,注释后再按取消·取消单行注释:alt+shift+A注释后再按取消2、移动行·向上移动一行:alt+up·向下移动一行:alt+down3、显示/隐藏左侧目录栏·ctrl+b4、复制当前行·向上复制一行:shift+alt+up·向下复制一行:shift+alt+down5、删除当前行·shift+ctrl+k6、控制台显示隐藏…

大家好,又见面了,我是你们的朋友全栈君。

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

ee7194406537d5d4ca6d82512d0277fe.png

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 的一个高亮主题(个人推荐)

知识在线,共同探讨,一起搬砖,快乐生活,苦了头发。
喜欢我就关注我!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/131775.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • 如何更改WIFI频段_wifi5g与2.4g怎么切换

    如何更改WIFI频段_wifi5g与2.4g怎么切换首先打开浏览器并输入IP地址进入路由器管理页面,此时需要输入用户名以及密码进行登录,登录成功以后点击左侧的“无线设置”选项,然后点击“高级无线设置”选项,之后我们就可以修改WiFi的频段了。需要注意的是,目前仅能将无线频段修改为2.4GHz或者5GHz两个频段。如果您的iPhone手机突然不能连接WiFi了,那么您可以打开手机“设置”应用,然后点击“通用”选项,接着点击“还原”选项,进入后选择点击…

    2022年10月20日
  • 彩色图和深度图转点云

    彩色图和深度图转点云环境:windows10、VS2013、opencv2.49、openNi、PCL1.8opencv环境搭建参考https://www.cnblogs.com/cuteshongshong/p/4057193.htmlhttps://blog.csdn.net/u013105549/article/details/50493069PCL1.8+openNi搭建参考https://blog.cs…

  • httpclient Accept-Encoding 乱码[通俗易懂]

    httpclient Accept-Encoding 乱码[通俗易懂]解决方法1HttpEntityhttpEntity=httpResponse.getEntity();2if(httpEntity!=null){3if(httpEntity.getContentEncoding()!=null){4if("g…

  • 使用 HTML、CSS 和 JS 的简单倒数计时器[通俗易懂]

    使用 HTML、CSS 和 JS 的简单倒数计时器[通俗易懂]JavaScript倒数计时器用于各种电子商务和建设中的网站,以使用户保持最新状态。我们在不同类型的电子商务网站上看到,在任何产品或优惠到达之前的某个时间开始倒计时。在本文中,我使用简单的JavaScript代码创建了一个倒数计时器和你分享。您可以观看它的现场演示以了解它是如何工作的。如果您知道如何创建数字时钟,那么创建这样的项目就会容易得多。您可以在此处提前安排特定日期或时间。然后,在JavaScript代码的帮助下,从那个时间减去当前时间,减法每秒减少一次。正如您在上图中所看到的,我在这

  • static声明静态外部类_static静态变量的理解

    static声明静态外部类_static静态变量的理解在一个类中创建另外一个类,叫做成员内部类。这个成员内部类可以静态的(利用static关键字修饰),也可以是非静态的。由于静态的内部类在定义、使用的时候会有种种的限制。所以在实际工作中用到的并不多。   在开发过程中,内部类中使用的最多的还是非静态地成员内部类。不过在特定的情况下,静态内部类也能够发挥其独特的作用。    一、静态内部类的使用目的。    在定义内部类的时候,可以

    2022年10月11日
  • OpenGrok环境搭建[通俗易懂]

    OpenGrok环境搭建[通俗易懂]一准备工作:下载Tomcat,OpenGrok的安装包:下载地址:https://download.csdn.net/download/rocky_zhm/10864456 二安装exuberant-ctags:sudoapt-getinstallexuberant-ctags 三安装Web服务器—-TomcatOpenGrok是一个Web系统,因…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号