Visual Studio Code编辑器

Visual Studio Code（以下简称vscode）是一个轻量且强大的代码编辑器，支持Windows，OS X和Linux。内置JavaScript、TypeScript和Node.js支持，而且拥有丰富的插件生态系统，可通过安装插件来支持C++、C#、Python、PHP等其他语言。

1. 安装

到官网自行下载安装(https://code.visualstudio.com/Download)

2. 快捷键

快捷键的查看方式

打开默认键盘快捷方式设置：

(1)(英文)File -> Preferences -> Keyboard Shortcuts，或者：Alt+F -> p -> k

(2)(中文)文件-> 首选项 -> 键盘快捷方式

如果想修改或者快捷键有冲突的时候，可以进行编辑

3.VS code用户设置

VS code支持用户自定义设置编辑器，包括快加键修改、代码高亮、以及扩展插件配置等，点击文件——>首选项——>用户设置。

编辑器会拆分为两列，一个文件是【默认设置】，一个是【settings.json】，用户设置是空的【settings.json】这个文件（之前没有设置的话），需要自定义的设置项就在settings.json文件里写入json代码即可。

需要注意的是，【settings.json】的代码必须符合json格式，且名称（如上面的editor.fontSize）和值对（如上面的20）是【默认设置】里有的或者是扩展中支持的，不然不会有任何作用。

4.VS code 用户代码片段

用户代码片段是用来提示代码提示及快捷插入的，可以用来定制一些模板

步骤如下

1.文件——>首选项——>用户代码片段

2.选择代码语言

3.按固定格式写json代码

示例格式：

" xxxxx":

{"prefix": "xxxxx",

"body": ["xxxxx","xxxxx"],

"description": "xxxxx"}

'xxxxx'表示可变区域

第一个" XXXX":(xxxxx)//仅作为标识和目的用途，区别于其他代码块（有多个相同值时会报错），不会插入。

第二个xxxxx("prefix": "XXXX").//触发提示的关键字符，也就是输入什么时弹出提示窗。例如:当希望输入a的时候就弹出，这里就写a。在提示窗显示。

如当然你需要选择提示框的第四个，不然不会得到你想要的结果。

第三个xxxxx("body": ["XXXX", "XXXX"])//在编辑器中插入的代码块，例如当在提示窗中选择a的时候就插入【<a>a</a>】那么这里就写：<a>a</a> 。显然，body是一个数组，里面的内容是你需要定制的模板。第四个xxxxx和第三个意义一样，没有区别。

第五个xxxxx("description": "XXXX")// 这里是相关描述，比如说明插入的代码块内容、用途、代码结构、参数等，仅在提示窗显示不会插入}

如

一个完整的html.json模板定制操作如下：

文件——>首选项——>用户代码片段——>选择html

复制如下代码

{
"HTML文档基本结构": {
        "prefix": "html",
        "body": [
            "<!DOCTYPE html>",
            "<html>",
            "\t<head>",
            "\t\t<meta charset=\"utf-8\">",
            "\t\t<meta name=\"author\" content=\"charles\">",
            "\t\t<title>$1</title>",
            "\t\t<style>",
            "\t\t\t",
            "\t\t</style>",
            "\t</head>",
            "\t<body>",
            "\t\t",
            "\t</body>",
            "</html>"
        ],
        "description": "自定义的HTML文档基本结构"
    }
}

　　即可。

在此期间我使用的触发关键字是 html,当然读者可以自行设置。设置完成之后，可以新建一个文件，以 .html为拓展名，然后输入触发关键字，最后点击tab键即可。见证奇迹的时刻就会到来。

如果你看到图片上的模板，那么恭喜你设置成功了。

来源：https://www.cnblogs.com/tbfdeboke/p/8810638.html

标签

编辑器