首页 > 其他分享 >[VueJsDev] 基础知识 - snippetsLab 代码片段

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

时间:2023-01-09 16:37:53浏览次数:55  
标签:片段 snippetsLab 代码 基础知识 vscode Step VueJsDev 快捷键 massCode

[VueJsDev] 目录列表
https://www.cnblogs.com/pengchenggang/p/17037320.html

代码片段

::: details 目录

目录
:::

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

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初始化模板-描述"
  }
}

标签:片段,snippetsLab,代码,基础知识,vscode,Step,VueJsDev,快捷键,massCode
From: https://www.cnblogs.com/pengchenggang/p/17037395.html

相关文章

  • [VueJsDev] 基础知识 - AutoNumber VsCode 插件开发
    [VueJsDev]目录列表https://www.cnblogs.com/pengchenggang/p/17037320.htmlAutoNumberVsCode插件开发:::details目录目录AutoNumberVsCode插件开发Step.2:安装......
  • [VueJsDev] 基础知识 - Node.js常用函数
    [VueJsDev]目录列表https://www.cnblogs.com/pengchenggang/p/17037320.htmlNode.js常用函数总结常用node函数用的ESM模块。//package.json"type":"module......
  • [VueJsDev] 基础知识 - Button的全局节流
    [VueJsDev]目录列表https://www.cnblogs.com/pengchenggang/p/17037320.htmlButton的全局节流:::details目录目录Button的全局节流Step.1:注册函数Step.2:局部......
  • [VueJsDev] 基础知识 - asyncTool.js异步执行工具
    [VueJsDev]目录列表https://www.cnblogs.com/pengchenggang/p/17037320.htmlasyncTool.js异步执行工具:::details目录目录asyncTool.js异步执行工具Step.1:getA......
  • [VueJsDev] 其他知识 - 单词本
    [VueJsDev]目录列表https://www.cnblogs.com/pengchenggang/p/17037320.html单词本z这里的单词就是很随性的记忆,来源有生活中能见到的,或者抖音见到的等等~~:::detai......
  • [VueJsDev] 其他知识 - NestJS 学习内容
    [VueJsDev]目录列表https://www.cnblogs.com/pengchenggang/p/17037320.htmlNestJS学习内容NestJS学习总结Step.1:全局安装包pnpmadd-g@nestjs/clinodemon......
  • [VueJsDev] 目录列表
    [VueJsDev]目录列表云服务器域名就一年,gitee上有不给发布,没办法https://www.vuejsdev.com/还是迁移到博客园吧。目录列表快速入门开发前小知识vue项目根目录配置......
  • [VueJsDev] 日志 - nginxConfig 配置文件备份
    [VueJsDev]目录列表https://www.cnblogs.com/pengchenggang/p/17037320.htmlnginxConfig配置文件备份:::details目录目录nginxConfig配置文件备份Step.1:服务器......
  • [VueJsDev] 日志 - BBTime-LOG
    [VueJsDev]目录列表https://www.cnblogs.com/pengchenggang/p/17037320.htmlBBTime-LOG:::details目录目录BBTime-LOGLog.1:AutoNumber成功发布到vscode插件市场......
  • 算法题基础知识汇总
     子串长度字符串python字符串的while()循环遍历​​http://www.cocoachina.com/articles/895083​​c-如何在std::vector中存储固定长度的字符串​​http://www.myexcep......