vscode使用插件和快捷总结(继续更新)

VSCode简介

VSCode是一款微软出的轻量级编辑器，它本身只是一款文本编辑器而已，所有的功能都是以插件扩展的形式所存在，想用什么功能就安装对应的扩展...

一、快捷键

所有快捷键设置：文件→首选项→键盘快捷方式

浏览器强制刷新：ctrl + f5
浏览器刷新：f5 或 浏览器左上角的小圆圈按钮
在当前行中间换行到下一行：ctrl + enter
鼠标点击一行某个位置是默认选中整行，直接删除某一行：shift + delete 或者 ctrl + shift + k
快捷生成html结构和meta声明： ! + enter、! + tab、htm:5
标签自动补全：tab键
折叠所有代码：ctrl + k、ctrl + 0
拆分编辑器：ctrl + \
多行光标选择，鼠标点击每段文字前：alt + 鼠标左键
批量复制粘贴：多行光标选择 + ctrl & shift & →
添加函数注释：在函数上方输入 /** + 点击enter
格式化：alt + shift + f
注释：ctrl + /
全部保存：ctrl + k , 然后只按 s 一个键
向上移动一行：alt + ↑
向下移动一行：alt + ↓
向上复制一行：alt + shift + ↑
向下复制一行：alt + shift + ↓
查找：ctrl + F
替换：ctrl + H
文件中查找：ctrl + shift + f
中一段代码，通过 ctrl + [ 可以左移，ctrl + ] 可以右移
选择性复制部分代码：在开始的位置单击一下，按住shift单击代码结束的位置

2. 扩展->插件

1. Chinese (Simplified) (简体中文) Language Pack

   
   Chinese (Simplified) (简体中文) Language Pack提供了 VS Code 界面的简体中文本地化支持，使得使用 VS Code 的中文用户可以更加方便地使用该编辑器。

2. ESLint

   
   ESLint是一个流行的VS Code插件，用于JavaScript代码的语法检查和风格检查。它可以帮助开发人员在编写代码时遵循一致的编码规范，从而提高代码的可读性和可维护性。

3. Emmet插件

   

4. open in browser

   
   插件功能描述：从浏览器中查看html文件，使用系统的当前默认浏览器

5. Atuo Rename Tag

   
   修改 html 标签，自动帮你完成尾部闭合标签的同步修改，不过有些bug。

6. fileheader

   
   顶部注释模板，可定义作者、时间等信息，并会自动更新最后修改时间
   

7. Live Sass Compiler

   
   vscode 搭建自动编译sass环境

8. Prettier

   
   Prettier用于自动格式化代码，支持多种编程语言。它可以帮助开发人员在编写代码时遵循一致的代码风格，从而提高代码的可读性和可维护性。

9. Path Intellisense

   
   Path Intellisense 提供了路径自动补全功能，可以帮助开发者更快地输入文件路径和文件名，减少输入错误和提高工作效率。

10. Docker

    
    Docker 插件提供了与 Docker 相关的功能，使得在容器中开发和调试应用程序变得更加容易。该插件允许用户在 VS Code 中管理 Docker 容器、镜像和 Docker Compose 文件，以及在容器中运行和调试应用程序。