VSCode 常用插件

发表于 | 分类于
VSCode 常用插件

常用插件

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

中文包。

Material Icon Theme

文件夹图标

LiveServer

LiveServer 将静态页面自动在Web服务器中运行

键入 Alt+L+O，会自动创建Web容器启动页面并在浏览器中打开。

indent-rainbow

缩进如彩虹一般，方便查看对齐的代码块。

Atom One Light Theme

我最喜欢的亮色主题。

Auto Close Tag

自动补全标签

Auto Rename Tag

自动重命名结束标签

IntelliSense for CSS class names in HTML

为CSS类名提供智能感知功能，以便您可以更快速地编写CSS代码。

auto-header

添加文件头

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
"autoHeader": {
    "format": {
      "startWith": "/**",
      "middleWith": "*",
      "endWith": "*/",
      "headerPrefix": "@",
    },
    "header": {
      "Author": "张剑",
      "Create Time": {
        "type": "createTime",
        "format": "YYYY-MM-DD HH:mm:ss",
      },
      "Modified by": {
        "type": "modifier",
        "value": "张剑",
      },
      "Modified time": {
        "type": "modifyTime",
        "format": "YYYY-MM-DD HH:mm:ss"
      },
      "Description": "",
    }
}

使用快捷键Ctrl+Alt+I

之前使用的时koroFileHeader,运行太慢了，换成了这个。

Path Intellisense

可以快速输入文件路径，支持自动补全和智能提示。

Vue Language Features (Volar)

Vue开发必备

支持Vue2和Vue3，TS。

Git History

显示代码更改记录

在shell中用VSCode打开

打开VSCode –> command+shift+p –> 输入shell command –> 点击提示Shell Command: Install ‘code’ command in PATH运行

cd到要用VSCode打开的文件夹，然后输入命令

1
code .

即可打开