新建全局代码片段==》输入自定义文件名称

简介: 要在文本编辑器中创建和使用自定义代码片段,请按照以下步骤操作:首先通过设置菜单进入用户代码片段选项,并新建一个全局代码片段文件,输入自定义文件名。随后,在新创建的文件中定义代码片段,包括指定片段名称、适用范围、触发前缀、代码主体及描述。例如,“myscript”片段可设置前缀为“myscript”,并在各类文件中自动生成`<script>`标签。通过这种方式,可以快速插入常用的代码结构,提高编程效率。

第一步:文件==》首选项==》配置用户代码片段==》新建全局代码片段==》输入自定义文件名称

第一步:设置(鼠标左键)==》用户代码片段==》新建全局代码片段==》输入自定义文件名称

第二步:选择“新建全局代码片段文件,然后输入文件名称

第三步:自定义代码片段

----------------------------------自定义代码片段重点说明信息如下所示:----------------------------------

"Print to console:代码片段的名称,不同代码片段需要不同,在快捷输入中可以看到

scope:表示这个代码片段使用的语言,多种用,分隔,如果不写表示全部适用

prefix:表示快捷输入的字符串,输入的内容出现提示

body:生成代码的主体,具体在后续讲解

description:描述

示例如下所示:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
{
// Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
// used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
// Placeholders with the same ids are connected.
// Example:
// "Print to console": {
// "scope": "javascript,typescript",
// "prefix": "log",
// "body": [
// "console.log('$1');",
// "$2"
// ],
// "description": "Log output to console"
// }

// 自定义 script 动态生成代码片段

"myscript": {
//  "scope": "javascript,typescript,vue", //注释表示所有文件中可用
 "prefix": "myscript",
 "body": [
  "<script type=\"text/javascript\">",

  "",
  "</script>",
 ],
 "description": "自定义script"

},

 "myVue": {
//  "scope": "javascript,typescript,vue", //注释表示所有文件中可用
 "prefix": "myVue",
 "body": [
        "//console.log(vm)"
  "const vm = new Vue({",
  "el: '#root',",
        "data: {",
                "",
        "},"
        "",
        "methods: {"
            "methodOne() {",
                "alert('事件触发成功!')"
            "},"
            "",
            "methodTwo(event, str) {",
                "alert('事件触发成功!' + str)"
            "},"
            "},"
  "})",
 ],
 "description": "自定义script"

}
}
效果如下所示:

以下为自定义代码片段(多片段之间使用逗号分开)

mydiv

1
2
3
4
5
6
7
8
9
10
11
"mydiv": {
// "scope": "javascript,typescript,vue", //注释表示所有文件中可用
"prefix": "mydiv",
"body": [
"

",
  "",
  "</div>",
 ],
 "description": "自定义script"

},
自定义input、button

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
"mybutton": {
// "scope": "javascript,typescript,vue", //注释表示所有文件中可用
"prefix": "mybutton",
"body": [
"",
"",
],
"description": "自定义 button"
},

"mytextoneway": {
//  "scope": "javascript,typescript,vue", //注释表示所有文件中可用
 "prefix": "mytextoneway",
 "body": [
  "<input type=\"text\" v-bind:value=\"nickname\">",
  "",
 ],
 "description": "自定义 input text"

},
"mytexttwoway": {
// "scope": "javascript,typescript,vue", //注释表示所有文件中可用
//代码效果参考:https://vipwb.com/bksh/49899.html
//代码效果参考:https://vipwb.com/luntan/49900.html
//代码效果参考:https://vipwb.com/h-j-g-g-z-d-q/49901.html
//代码效果参考:https://vipwb.com/chengshi/49902.html

 "prefix": "mytexttwoway",
 "body": [
  "<input type=\"text\" v-model:value=\"nickname\">",
        "",
 ],
 "description": "自定义 input text"

},   

相关文章
|
C++ Windows
Visual c++例子,可不使用常规的对话框资源模板的情况下,动态创建对话框的方法
详细说明:Visual c++例子,可不使用常规的对话框资源模板的情况下,动态创建对话框的方法。该方法可以在运行时在内存中直接建立对话框资源,使用起来更为灵活。适用于多个开发项目共享有界面的公用程序模块的情况,也适用于编写需要显示大量对话框或对话框风格随着用户输入不断变化的应用程序。
925 0
|
9月前
模板查找路径配置
模板查找路径配置。
48 1
|
9月前
EndNote文献输出引用格式自定义修改与编辑界面解读
EndNote文献输出引用格式自定义修改与编辑界面解读
354 1
《Drupal实战》——第3章 设置路径别名、图片样式、列表 3.1 使用Pathauto模块设置路径别名
本节书摘来自华章计算机《Drupal实战》一书中的第3章,第3.1节,作者 葛红儒,更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1604 0
VS2010自定义新建文件模版
  不知不觉VS2010已经成为.NET开发人员的必备工具,相比经典版VS2005,到过渡版VS2008,2010在性能稳定性和易用性上都得到很大的提高。   结合VS工具,其下的插件也层出不穷。今天重点给大家介绍如何使用VS2010VS2010自定义新建文件模版,新建文件时,添加个人信息,如:创建者,创建时间等个性化信息。
694 0
|
XML 存储 数据格式
基于大量文件的名称特征自动新建多个文件夹并自动复制对应文件:Python
本文介绍基于Python,对一个文件夹下大量栅格影像,基于其各自文件名,分别创建指定名称的新文件夹,并将对应影像文件复制到不同的新文件夹下的方法。
162 3
基于大量文件的名称特征自动新建多个文件夹并自动复制对应文件:Python

热门文章

最新文章

相关实验场景

更多