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

代码片段

::: 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​​ 用于梳理知识点