• 基于VSCode的vue单文件组件模板设置---一次设置,可爽终生


    第一步:

    第二步:

     第三步:

    打开vue.json文件后,如果是初次设置,应该如下图所示,绿色注释部分不用管,注意那两个白色大括号

     第四步:在大括号内全部粘贴如下代码,保存即可完成vue模板的设置

    "Print to vue": {
      "prefix": "vue",
      "body": [
       "<template>",
       "  <div></div>",
       "</template>",
       "",
       "<script>",
       "export default {",
       "  name: '',",
       "  data () {",
       "    return {}",
       "  },",
       "  created () {},",
       "  // mounted () {},",
       "  computed: {},",
       "  watch: {},",
       "  methods: {}",
       "}",
       "</script>",
       "",
       "<style lang="" scoped>",
       "",
       "</style>",
       ""
      ],
      "description": "快速创建vue单文件组件"
     }

    第五步:,每次创建完后缀为.vue的文件后,就可以通过在文件中输入vue来触发配置模板

     第六步:效果图如下

    提醒:

    这里需要先注释掉mounted(){}生命周期方法,等使用时再打开注释即可,一个里面什么也不定义的空mounted(){}在运行时会报错

    第七步:

    特别说明:复制粘贴的代码中一些属性的作用

    Print to vue:不用管它,没什么用
    prefix:触发模板的指令,可自行设置
    body:所配置的模板内容
    description:对模板的描述,可自行设置
    注意:
    输出敏感字符",应该",加个反斜杠
    输出敏感字符$,应该\$
     
    希望能帮到上进可爱的你,完。
  • 相关阅读:
    文件字符输入输出流
    ava.io.InputStream & java.io.FileInputStream
    java.io.OutputStream & java.io.FileOutputStream
    java.lang.String & java.lang.StringBuilder
    文件过滤器
    递归
    原生camera应用 保存设置界面参数方法
    android 获取调用camera service的进程
    linux 查找,替换 常用命令
    将一个项目修改记录提交另外一个项目-> patch获取提交记录,repo 提交代码
  • 原文地址:https://www.cnblogs.com/alannever/p/13527164.html
Copyright © 2020-2023  润新知