热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Vue笔记:VSCode常用快捷键

VSCode常用快捷键1、注释:单行注释:ctrl+,注释后再按取消取消单行注释:alt+shift+A注释后再按取消2、移动行向上移动一行:alt+u

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


 作者:朝雨忆轻尘

出处:https://www.cnblogs.com/xifengxiaoma/ 

版权所有,欢迎转载,转载请注明原文作者及出处。


推荐阅读
  • 在使用 MUI 框架进行应用开发时,开发者常常会遇到 mui.init() 和 mui.plusReady() 这两个方法。本文将详细解释它们的区别及其在不同开发环境下的应用。 ... [详细]
  • QUIC协议:快速UDP互联网连接
    QUIC(Quick UDP Internet Connections)是谷歌开发的一种旨在提高网络性能和安全性的传输层协议。它基于UDP,并结合了TLS级别的安全性,提供了更高效、更可靠的互联网通信方式。 ... [详细]
  • 本文详细介绍了Java中org.neo4j.helpers.collection.Iterators.single()方法的功能、使用场景及代码示例,帮助开发者更好地理解和应用该方法。 ... [详细]
  • 本文详细介绍如何使用Python进行配置文件的读写操作,涵盖常见的配置文件格式(如INI、JSON、TOML和YAML),并提供具体的代码示例。 ... [详细]
  • 技术分享:从动态网站提取站点密钥的解决方案
    本文探讨了如何从动态网站中提取站点密钥,特别是针对验证码(reCAPTCHA)的处理方法。通过结合Selenium和requests库,提供了详细的代码示例和优化建议。 ... [详细]
  • 本文详细介绍了如何解决Uploadify插件在Internet Explorer(IE)9和10版本中遇到的点击失效及JQuery运行时错误问题。通过修改相关JavaScript代码,确保上传功能在不同浏览器环境中的一致性和稳定性。 ... [详细]
  • 本文介绍了如何利用JavaScript或jQuery来判断网页中的文本框是否处于焦点状态,以及如何检测鼠标是否悬停在指定的HTML元素上。 ... [详细]
  • 导航栏样式练习:项目实例解析
    本文详细介绍了如何创建一个具有动态效果的导航栏,包括HTML、CSS和JavaScript代码的实现,并附有详细的说明和效果图。 ... [详细]
  • PHP 5.2.5 安装与配置指南
    本文详细介绍了 PHP 5.2.5 的安装和配置步骤,帮助开发者解决常见的环境配置问题,特别是上传图片时遇到的错误。通过本教程,您可以顺利搭建并优化 PHP 运行环境。 ... [详细]
  • 本文介绍了如何使用JQuery实现省市二级联动和表单验证。首先,通过change事件监听用户选择的省份,并动态加载对应的城市列表。其次,详细讲解了使用Validation插件进行表单验证的方法,包括内置规则、自定义规则及实时验证功能。 ... [详细]
  • 本文详细介绍了macOS系统的核心组件,包括如何管理其安全特性——系统完整性保护(SIP),并探讨了不同版本的更新亮点。对于使用macOS系统的用户来说,了解这些信息有助于更好地管理和优化系统性能。 ... [详细]
  • Ulysses Mac v29:革新文本编辑与写作体验
    探索Ulysses Mac v29,这款先进的纯文本编辑器为Mac用户带来了全新的写作和编辑环境。它不仅具备简洁直观的界面,还融合了Markdown等标记语言的最佳特性,支持多种格式导出,并提供强大的组织和同步功能。 ... [详细]
  • 解决MacOS Catalina升级后VMware Fusion黑屏问题的详细指南
    本文深入探讨了如何在MacOS Catalina升级后解决VMware Fusion黑屏的问题。通过详细的步骤和代码示例,帮助用户快速恢复虚拟机的正常运行,并提供了额外的安全建议。适用于希望提升工作效率或学习新技术的读者。 ... [详细]
  • 本文详细分析了JSP(JavaServer Pages)技术的主要优点和缺点,帮助开发者更好地理解其适用场景及潜在挑战。JSP作为一种服务器端技术,广泛应用于Web开发中。 ... [详细]
  • 在API测试中,我们常常需要通过大量不同的数据集(包括正常和异常情况)来验证同一个接口。如果为每种场景单独编写测试用例,不仅繁琐而且效率低下。采用数据驱动的方式可以有效简化这一过程。本文将详细介绍如何利用CSV文件进行数据驱动的API测试。 ... [详细]
author-avatar
8o断情戒爱o8
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有