美文网首页
vscode快速创建自己的代码块

vscode快速创建自己的代码块

作者: 甘道夫老矣 | 来源:发表于2020-12-23 10:36 被阅读0次

1.创建一个xx.code-snippets的文件 ;放在这个文件下
C:\Users\Administrator\AppData\Roaming\Code\User\snippets

2. image.png 3. image.png

4.编写代码

{
    "新建React类组件": {
        "scope": "javascript,typescript",
        "prefix": "reactClass",//快捷名称
         //代码片段
        "body": [
            "import React, { Component } from \"react\";",
            "export default class MyVerifyinfoPage extends Component {",
            "\tconstructor(props) {",
            "\t\tsuper(props);",
            "\t\tthis.state = {",
            "\t\t}",
            "\t}",
            "\trender() {",
            "\t\treturn <div>$1</div>",
            "\t}",
            "}"
        ],
        "description": "新建React类组件"
    }
}
image.png

相关文章

网友评论

      本文标题:vscode快速创建自己的代码块

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