设置VSCode快捷键vue生成代码片段

简介: 设置VSCode快捷键vue生成代码片段

Ctrl+Shift+P

复制下面的代码片段

{
  "vue-template": {
    "prefix": "vue-强哥的模板", //这个是模板的自定义名称
    "body": [
      "<template>",
      "  <div class='sg-body'>",
      "    ",
      "  </div>",
      "</template>",
      "",
      "<script>",
      "export default {",
      "  data () {",
      "    return {",
      "      ",
      "    }",
      "  },",
      "  components: {",
      "    ",
      "  },",
      "  computed: {",
      "    ",
      "  },",
      "  watch: {",
      "    ",
      "  },",
      "  methods: {",
      "  init(){",
      "",
      "},",
      "  },",
      "  created () {",
      "    ",
      "  },",
      "  mounted () {",
      "    ",
      "  },",
      "  filters: {",
      "    ",
      "  },",
      "}",
      "</script>",
      "",
      "<style lang='scss' scoped>",
      ".sg-body{",
      "",
      "}",
      "</style>",
      "",
    ],
    "description": "你挚爱的强哥http://www.shuzhiqiang.com"
  }
}

这个时候去新建一个vue文件,然后输入vue看下效果吧

 


相关文章
|
21天前
VSCode 如何设置背景图片
VSCode 如何设置背景图片
|
2月前
|
Web App开发
vscode设置默认浏览器
vscode设置默认浏览器
|
20天前
设置VSCode代码编辑器右侧的Minimap代码缩略图滚动条切换显示、隐藏的快捷键Alt+M
设置VSCode代码编辑器右侧的Minimap代码缩略图滚动条切换显示、隐藏的快捷键Alt+M
|
20天前
|
JSON JavaScript 前端开发
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“;”分号(JavaScript、TypeScript格式化)
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“;”分号(JavaScript、TypeScript格式化)
|
5天前
|
缓存 JavaScript
【vue】如何搭建拦截器和设置路由守卫(基于token认证)
【vue】如何搭建拦截器和设置路由守卫(基于token认证)
17 0
|
16天前
|
JSON JavaScript 前端开发
【vscode】 VsCode 代码片段
【vscode】 VsCode 代码片段
10 0
|
20天前
设置VSCode编辑器、终端字体为微软雅黑Microsoft Yahei,字号大小为11像素
设置VSCode编辑器、终端字体为微软雅黑Microsoft Yahei,字号大小为11像素
|
20天前
VSCode设置合并行快捷键
VSCode设置合并行快捷键
|
21天前
VSCode 设置平滑光标
VSCode 设置平滑光标
|
21天前
|
JavaScript
VSCode 开发 Vue 语法提示
VSCode 开发 Vue 语法提示