脚本宝典收集整理的这篇文章主要介绍了VScode快速一键生成html、vue、jsx、ajax、sass、docker等代码片段，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

学会添加自定义snippet（代码段）就可以极大的提高你的开发效率

1.文件 => 首选项 => 用户代码片段

2.选择你需要新建的代码片段的语言

3.进入代码片段编辑界面

1. 所有的代码片段需要用""或''包裹
2. \t表示制表符
3. 空的一行必须用''或""包裹
4. $1代表光标第一次出现的位置，$2代表按下tab后光标第二次出现的位置

4.一个简单地.jsx demo

{
    "JSX": {
        "prefix": "jsx", // 触发的关键字 输入jsx按下tab键
        "body": [
            "import React from 'react'",
            "",// 空的一行
            "class Demo extends React.Component {",
            "trender() {", // 有制表符的一行
            "ttreturn (",
            "ttt$1",    // 光标首次出现的位置            
            "tt)",
            "t}",
            "}",
            "",
            "export default Demo",
        ],
        "description": "jsx components"
    }
}

5.demo

备注：官方文档 https://code.visualstudio.com...

脚本宝典总结

以上是脚本宝典为你收集整理的VScode快速一键生成html、vue、jsx、ajax、sass、docker等代码片段全部内容，希望文章能够帮你解决VScode快速一键生成html、vue、jsx、ajax、sass、docker等代码片段所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。