vscode添加本地模板

Posted 2021-09-06 河泉

一、打开vscode中的 code -- 首选项 -- 用户片段 -- 现有代码片段 进行编辑

二、修改代码

{
    // 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:
    "Create Taro template": {
        "scope": "javascript,typescript",
        "prefix": "taro-template",
        "body": [
            "import Taro from \'@tarojs/taro\'",
            "import { View } from \'@tarojs/components\'",
            "",
            "export default class Footer extends Taro.Component<any, any> {",
            "    constructor(props) {",
            "        super(props);",
            "        this.state = {",
            "",
            "        }",
            "    }",
            "    componentDidMount(){",
            "",
            "    }",
            "    render() {",
            "        return (",
            "            <View>",
            "            </View>",
            "        )",
            "    }",
            "}",
        ],
        "description": "taro-template"
    }
}