vscode和webstrom中react模板,用户代码片段

时间:2019-12-07 12:40:53   收藏:0   阅读:227

vscod:

  点击左下角设置==>用户代码片段==>搜索创建react.json==>贴入代码

{ 
    "Print to console": {
        "scope": "javascript,typescript",
        "prefix": "react",
        "body": [ 
            "import React, { Component } from ‘react‘",
            "class  extends Component {",
                "constructor(props) {",
                    "super(props);",
                    "this.state = {}",
                "}",
                "render() {",
                    "return ();",
                "}",
            "}", 
            "export default ;"
        ],
        "description": "Log output to console"
    }
}

如图

技术分享图片

 

 技术分享图片

 

 

新建js后输入react按下Tab键即可

完成

 

webstrome模板

任意文件夹中点击右键,选择新建==>编辑文件模板==>点击+号添加贴入代码

import React, { Component } from ‘react‘
class #[[$default$]]# extends Component {
    constructor(props) {
        super(props);
        this.state = {  }
    }
    render() { 
        return (<div></div>);
    }
}
 
export default #[[$default$]]#;

如图:

技术分享图片

 

 技术分享图片

 

 

点击新建就会多出一个叫react的js文件,新建即可

完成

 

原文:https://www.cnblogs.com/wulicute-TS/p/12000909.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!