专栏首页web前端记录vscode 生成vue片段模板
原创

vscode 生成vue片段模板

1、点击【文件】---【首选项】---【用户代码片段】

2、新建或修改vue.json

3、将下列代码粘贴上去(可根据自己需要添加/删除)

{

"Print to console": {

"prefix": "vue",

"body": [

"<template>",

"  <div>\n",

"  </div>",

"</template>\n",

"<script lang='ts'>",

"import { Component, Vue } from 'vue-property-decorator';",

"import { State, Mutation, Action } from 'vuex-class'",

"@Component",

"export default class Layout extends Vue {",

"    mounted() {\n",

"    }",

"};",

"</script>\n",

"<style scoped lang=\"${1:scss}\">\n",

"</style>\n"

    ],

"description": "Create vue template"

  }

}

4、成功后,创建一个vue空白文件,输入vue3, 按tab键,即可生成vue片段模板。

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Vscode生成vue模板

    明知山
  • vscode自动生成vue模板教程

    step1: 文件-首选项-用户代码片段,输入vue,点击enter后进入vue.json文件,将下方代码完全覆盖掉以前内容,保存

    跟着阿笨一起玩NET
  • 【告别复制粘贴】动态模板生成小技巧

    ? 这是第 75 篇不掺水的原创,想要了解更多,请戳上方蓝色字体:政采云前端团队 关注我们吧~

    政采云前端团队
  • VSCode安装与配置

    大象无痕
  • 编辑器VSCode使用心得

    工欲善其事必先利其器,趁手的工具会使我们开发事半功倍。 市面上的编辑器我用过许多,

    陌上寒
  • VS code常用插件推荐(总结整理篇)

    vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器。当前市面上常用的轻型代码编辑器主要是:su...

    孙叫兽
  • Vue笔记:VS Code 常用快捷键

    1、Auto Rename Tag 修改 html 标签,自动帮你完成尾部闭合标签的同步修改,和 webstorm 一样。

    朝雨忆轻尘
  • VSCode前端必备插件,有可能你装了却不知道如何使用?

    在前端开发中,有一个非常好用的工具,Visual Studio Code,简称VS code。

    桃翁
  • 提高你的编码效率

    市面的编辑工具五花八门,简单的有sublime, notepad++, vim, Atom等,复杂的有webstorm, pycharm,eclipse...

    赵云龙龙
  • VSCode搭建vue环境并打包部署到nginx服务器

    年初的时候学习了Spring、Mybatis、SpringMVC及它们之间的整合,却一直没有进行过项目开发,就直奔了Springboot学习去了。现在打算将数据...

    Swingz
  • Vs Code推荐安装插件

    Visual Studio Code是一个轻量级但功能强大的源代码编辑器,轻量级指的是下载下来的Vs Code其实就是一个简单的编辑器,强大指的是支持多种语言的...

    追逐时光者
  • 创建自己的Code Snippets在VSCode中

    1. Go to Code → Preferences → User Snippets

    前端知否
  • 使用Visual Studio Code编写Vue的札记

    Visual Studio Code文中简称VSCode,使用VSCode编写Vue有一段时间了,觉得很顺手,总结一些经验操作分享给大家,希望对大家学习VSCo...

    梁源
  • VSCode

    版权声明:本文为博主原创文章,未经博主允许不得转载。 ...

    用户1212940
  • 使用vscode调试你的node应用

    从一开始使用 webstorm 内置的 debug 功能, 到使用node-inspector库进行调试顺便脱离 webstorm 的笨重, 再后来 nodej...

    funkyLover
  • VScode编辑器神插件!让你入门前端轻松打怪升级!

    腾讯NEXT学位
  • VSCode拓展推荐(前端开发)

    Text-to-speech function is limited to 200 characters

    botkenni
  • VS Code 折腾记 - (11) 再来一波插件推荐!(代码片段,框架,Node,touchbar,TS,Git,数据库,python!!)

    之前也多多少少写过几篇推荐插件的文章; 因为插件这类东西不是大风刮来的.所以我从最初的半个月推荐, 到现在慢慢接近三个月推荐一次,以后可能会更久也不一定!

    CRPER
  • 从零到部署:用 Vue 和 Express 实现迷你全栈电商应用(一)

    Vue 是尤雨溪[1]在 2014 年创建的一个前端框架,目前 Github[2] Star 数高达 150K,是 Star 数最高的前端项目,并且 Vue 有...

    一只图雀

扫码关注云+社区

领取腾讯云代金券