美文网首页NodeJs
Visual Studio Code自定义用户代码块

Visual Studio Code自定义用户代码块

作者: 逐悦 | 来源:发表于2016-10-04 22:01 被阅读99次

    依次 点击 ---- 文件 -> 首选项 -> 用户代码片段
    然后选择一个需要创建代码块的语言,选择js
    自动打开一个javascript.json 文件

         // Place your snippets for JavaScript here. Each snippet is defined under a snippet name and has a prefix, body and 
         // description. 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, ${id} and ${id:label} and ${1:label} for variables. Variables with the same id are connected.
         // Example:
         "Print to console": {
            "prefix": "log",
            "body": [
                "console.log('$1');",
                "$2"
            ],
            "description": "Log output to console"
        }```
    
    
    >"prefix"(前缀)对应的值,是你在文件内输入该值的时候,会出现相应的提示
    
    >'body' 是用户自定义的代码段,点击提示后,会在文件中自动插入,是一个字符串数组,每个字符串代表每一行的代码句
    body中的$id($1,$2...)表示代码在文件插入后,可以在$id处多处编辑
    如果是多个$id是一样的,比如多个$1,插入代码段后,可以同时编辑该处,其他的则是按id大小依次编辑
    
    >“description”表示提示时描述
    若要添加新的代码段,至于要在{}后面添加即可,注意每个定义代码块后面需要以,分隔
    
    自己的常用的代码段:
    
    

    //常用require
    "Print to common require": {
    "prefix": "common require",
    "body": [
    "const fs = require('fs');",
    "const path = require('path');",
    "const iconv = require('iconv-lite');",
    "const readline = require('readline');",
    "$2"
    ],
    "description": "common require"
    },
    //引入fs模块
    "Print to fs require": {
    "prefix": "fs",
    "body": [
    "const fs = require('fs');"
    ],
    "description": "file system"
    },
    //引入fs模块
    "Print to path require": {
    "prefix": "path",
    "body": [
    "const path = require('path');"
    ],
    "description": "path module"
    },
    //引入iconv模块
    "Print to iconv-lite require": {
    "prefix": "iconv-lite",
    "body": [
    "const iconv = require('iconv');"
    ],
    "description": "iconv-lite module"
    },
    //引入fs模块
    "Print to readline require": {
    "prefix": "readline",
    "body": [
    "const readline = require('readline');"
    ],
    "description": "readline modul"
    },
    //require
    "Print to require": {
    "prefix": "require",
    "body": [
    "const $1 = require('$1')"
    ],
    "description": "require"
    },
    // 'use strict'
    "Print to use strict": {
    "prefix": "use strict",
    "body": [
    ""use strict"",
    "$2"
    ],
    "description": "use strict"
    },
    //常用path.join
    "Print to path.join": {
    "prefix": "join",
    "body": [
    "path.join(__dirname,$1)"
    ],
    "description": "path.join"
    }

    
    
    

    列编辑快捷键: alt + shift + 左键
    格式化代码 alt shift f

    相关文章

      网友评论

        本文标题:Visual Studio Code自定义用户代码块

        本文链接:https://www.haomeiwen.com/subject/iolsyttx.html