vscode编辑器怎么用代码片段生成用户的文件模板?-阿里云开发者社区

开发者社区> 快乐的嘟嘟> 正文

vscode编辑器怎么用代码片段生成用户的文件模板?

简介: vscode编辑器怎么用代码片段生成用户的文件模板?
+关注继续查看

vscode编辑器怎么用代码片段生成用户的文件模板?
我们用vue为例:
打开VSCODE编辑器,依次选择“文件 -> 首选项 -> 用户代码片段”,此时,会弹出一个搜索框,我们输入vue, 如下:
9-1914197832.png

选择vue后,VSCODE会自动打开一个名字为vue.json的文件,复制以下内容到这个文件中:

{
  "Print to console": {
    "prefix": "vue",
    "body": [
      "<template>",
      "  <div></div>",
      "</template>",
      "",
      "<script>",
      "export default {",
      "  data () {",
      "    return {",
      "    };",
      "  },",
      "",
      "components: {},",
      "",
      "computed: {},",
      "",
      "mounted: {},",
      "",
      "methods: {}",
      "}",
      "",
      "</script>",
      "<style lang='scss' scoped>",
      "</style>"
  ],
    "description": "Log output to console"
  }
}

保存后关闭这个文件。
稍稍解释一下:
$0 表示你希望生成代码后光标的位置 ; prefix 表示生成对应预设代码的命令
例如:我们新建一个名为demo.vue的文件,输入vue按下enter,就会自动生成内容啦

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
使用 EF Power Tool Code Frist 生成 Mysql 实体
原文:使用 EF Power Tool Code Frist 生成 Mysql 实体 1,在要生成的项目上右键   2,   3,   4,   5,  生成后的效果     已知问题: 1,在Mysql数据表中 tinyint(1) ,会被映射成为 C# bool ,这样造成一些数据信息的丢失。
703 0
VSCode 在保存时自动对代码进行修复
在设置中更改如下内容 // 自动修复 "tslint.autoFixOnSave": true
2565 0
xcode8 寻找symbolicatecrash文件
xcode8中,symbolicatecrash文件的位置换了。 I found it at... /Applications/Xcode.app/Contents/SharedFrameworks/DVTFoundation.
650 0
编辑距离及代码实现
字符串A与B的编辑距离,Edit Distance,是指由A转换为B所需的最少编辑操作次数。编辑操作包括字符的替换、插入与删除。 如kitten(小猫)-&gt;sitting(坐):距离为3.kitten--&gt;(k→s)--&gt;sitten--&gt; (e→i)--&gt;sittin--&gt;(g)-&gt;sitting 动态规划实现 dp[i][j]表示子串
803 0
+关注
33
文章
115
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载