美文网首页
vscode中创建新建文件模板

vscode中创建新建文件模板

作者: 那个女孩_T | 来源:发表于2020-03-05 14:56 被阅读0次

方法一:

1.执行命令command + shift +P进入首选项

2.输入>user snippets,选则这个文件确定后

3.再选则vue.json文件.在文件中写入需要配置的格式,如下(可按公司的格式要求来配置,我这边的vue中的方法顺序是按公司要求来的)

// vue 模板

  "Print to console": {

    "prefix": "vue",

    "body": [

      "<template>",

      "  <div class=\"main\">\n",

      "  </div>",

      "</template>\n",

      "<script>",

      "export default {",

      "  name: '',",

      "  components: {\n",

      "  },",

      "  data() {",

      "    return {\n",

      "    }",

      "  },",

      "  validations: { },",

      "  watch: { },",

      "  computed: { },",

      "  filters: { },",

      "  methods: {\n",

      "  },",

      "  created() {\n",

      "  },",

      "  mounted() {\n",

      "  },",

      "}\n",

      "</script>\n",

      "<style scoped lang=\"less\">\n",

      ".main {\n",

      "}",

      "</style>",

      "$2"

    ],

    "description": "Log output to console"

  }

}

方法二:

1.选择  文件 > 首选项 > 用户代码片段,如下

2. 选则vue.json文件

3.在文件中写入需要配置的格式,方法如方法一中的第3步骤添加。

相关文章

  • vscode中创建新建文件模板

    方法一: 1.执行命令command + shift +P进入首选项 2.输入>user snippets,选则这...

  • vscode使用技巧

    一、创建新建文件模板: 1.打开vscode,找到用户代码片段 2.在当前工作空间下创建代码片段,也可设置全局代码...

  • vscode使用小技巧

    新建,保存和预览文件 新建:在本地新建文件夹(目录),并将其拖至vscode中,再在vscode中对该目录新建相应...

  • go学习笔记1

    hello GO 这里使用vscode 安装插件go 新建hello文件夹,创建main.go文件package ...

  • django篇模板

    使用模板步骤 1、一般新建模板文件夹,在模板文件夹中新建app一样的文件夹,里面在创建html 2、在项目的set...

  • VSCode + make + makefile +

    一、VSCode 自带 新建文件夹 Test -> VSCode 打开 Test -> 新建文件 main.cpp...

  • 本地自制vscode主题

    进入~/.vscode/extensions新建主题文件夹,这里取名为material-theme。 创建them...

  • Django实例-车辆违章查询二

    创建模板页 在templates文件下新建一个index.html文件作为需要渲染的模板文件,并且纳入版本控制。 ...

  • 小程序-模板template

    GitHub地址 一. 创建模板 只新建wxml和wxss文件就可以了。 目前模板中只能处理样式还不能处理逻辑。所...

  • VSCode debug设置

    VSCode安装插件,C/C++ 安装编译、调试环境mingw,在vscode中创建.vscode文件夹,在文件夹...

网友评论

      本文标题:vscode中创建新建文件模板

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