[VueJsDev] 基础知识 - snippetsLab 代码片段

阿里云国内75折回扣微信号：monov8

阿里云国际，腾讯云国际，低至75折。AWS 93折免费开户实名账号代冲值优惠多多微信号：monov8 飞机：@monov6

代码片段

::: details 目录

代码片段

Step. 1: massCode 代码片段管理
Step. 2: Vue2 init

:::

vscode 中按 ctrl+p 输入 vue.json 即可打开 vue 模板

第一次设置 - 用户代码片段(Configure User Snippets)
vscode 代码片段生成器 https://snippet-generator.app/

Step. 1: massCode 代码片段管理

就现在 windows 上使用，也就这个好用了

下载 https://github.com/massCodeIO/massCode/releases
vscode 安装插件后搜索massCode 安装插件
ctrl + shift + p 输入 massCode: Search 后再输入搜索代码片段名称即可
::: tip 设置快捷键
vscode 可以将搜索这个命令设置快捷键，我设置 ctrl+shift+i 后，只要输入快捷键就能搜索了
:::

Step. 2: Vue2 init

Vue2 的初始化代码

// C:\Users\Reciter\AppData\Roaming\Code\User\snippets\vue.json
{
  "vue2初始化模板": {
    "prefix": "vue2init",
    "body": [
      "<template>",
      "  <div>",
      "    ${0}",
      "  </div>",
      "</template>",
      "",
      "<script>",
      "export default {",
      "  name: '$TM_FILENAME_BASE',",
      "  props: {},",
      "  components: {},",
      "  data () {",
      "    return {",
      "    }",
      "  },",
      "  watch: {},",
      "  computed: {},",
      "  methods: {},",
      "  created () { },",
      "  activated () { },",
      "  mounted () { },",
      "  beforeDestroy () { }",
      "}",
      "</script>",
      "",
      "<style>",
      "</style>"
    ],
    "description": "vue2初始化模板-描述"
  }
}

---------------------------------------------
生活的意义并不是与他人争高下，而在于享受努力实现目标的过程，结果是对自己行动的嘉奖。
↑面的话，越看越不痛快，应该这么说：

生活的意义就是你自己知道你要做什么，明确目标。没有目标，后面都是瞎扯！

新博客 https://www.VuejsDev.com 用于梳理知识点

阿里云国内75折回扣微信号：monov8

阿里云国际，腾讯云国际，低至75折。AWS 93折免费开户实名账号代冲值优惠多多微信号：monov8 飞机：@monov6

标签: vue