当前位置:首页 > 经验笔记 > 其他 > 正文内容

使用VS code 生成vue-cli代码片段模板

han32683年前 (2022-11-04)其他2911

左下角设置->配置优惠代码片段–》搜索vue–》找到vue.json–》粘贴这段代码

image.png

{
  "Print to console": {
    "prefix": "vue",
    "body": [
      "<!-- $0 -->",
      "<template>",
      "  <div class=\"\">",
      "",
      "  </div>",
      "</template>",
      "",
      "<script>",
      "export default {",
      "  name: '',",
      "  components: {},",
      "  data () {",
      "    return {}",
      "  },",
      "  watch: {},",
      "  computed: {},",
      "  mounted() {},",
      "  methods: {},",
      "}",
      "",
      "</script>",
      "<style scoped>",
      "",
      "</style>",
    ],
    "description": "Log output to console"
  }
}

新建.vue文件,输入vue回车就会生成刚刚json模板

image.png

image.png

扫描二维码推送至手机访问。

版权声明:本文由瀚文博客发布,如需转载请注明出处。

本文链接:https://www.hanwenblog.com/post/70.html

分享给朋友:

相关文章

VScode格式化HTML代码保持标签属性不换行 配置记录

{   // vscode默认启用了根据文件类型自动设置tabsize的选项   "editor.detectIndentation&q...

【绕过APP抓包限制】Xposed+JustTrustMe关闭SSL证书验证!

【绕过APP抓包限制】Xposed+JustTrustMe关闭SSL证书验证!

1 前言这篇文章主要想解决的问题是,在对安卓手机APP抓包时,出现的HTTPS报文通过MITM代理后证书不被信任的问题。(工作中在抓取12306请求时就遇到了这个问题)之前的推送讲过,通常要抓取HTT...

使用git bash统计vue项目的代码量行数

需求想要统计一下自己写的vue项目的代码量。主要是src文件夹下的html、css、js、vue文件的总代码量解决方案使用git bash,切换至vue项目的src目录下,然后输入如下命令:find&...

设置端口映射从外网访问内网的共享文件(需公网ip )

开启端口映射,从外网访问内网的文件共享:    以前我的做法是远程控制软件比如teamviewer或者radmin控制内网一台电脑后再通过其访问内网,缺点是要装软件,有办法直接通过...

Win10/Win11 设置开机自动登录的方法

Win10/Win11 设置开机自动登录的方法

第一步,按“WIN+R”键打开“运行”输入 ms-settings:signinoptions 按确定打开“登录选项”,找到“为了改善安全性,仅在此装置上允许Microsoft 帐户的Windows...