分享一个自己的vscode中vue自定义模板

简介: 分享一个自己的vscode中vue自定义模板

因为在公司都是用scss 规范化的代码,这里写一个自己的vue模板方便以后自己或者他人使用

一、ctrl + shift + p 在vscode打开弹窗输入snippets然后点击再输入vue点击会进入vue.json文件

二、编辑如下代码

"Print to console": {
    "prefix": "vue",
    "body": [
      "<template>",
      "  <div class=\"\">$0</div>",
      "</template>",
      "",
      "<script>",
      "export default {",
      "  components:{},",
      "  data(){",
      "    return {",
      "    }",
      "  },",
      "  created(){},",
      "  mounted(){},",
      "  watch:{},",
      "  computed:{},",
      "  methods:{},",
      "}",
      "</script>",
      "<style lang=\"scss\" scoped>",
      "</style>"
    ],
    "description": "A vue file template"
  }

三、新建一个.vue文件,直接输入vue回车

相关文章
|
2月前
|
JavaScript
vue学习(3)模板语法
vue学习(3)模板语法
61 11
|
3月前
|
JavaScript API 开发者
vue自定义Hooks函数使用和封装思想
【8月更文挑战第8天】vue自定义Hooks函数使用和封装思想
142 1
|
2月前
|
存储 API
vue3中如何动态自定义创建组件并挂载
vue3中如何动态自定义创建组件并挂载
385 90
|
9天前
|
存储 JavaScript 前端开发
vue3的脚手架模板你真的了解吗?里面有很多值得我们学习的地方!
【10月更文挑战第21天】 vue3的脚手架模板你真的了解吗?里面有很多值得我们学习的地方!
vue3的脚手架模板你真的了解吗?里面有很多值得我们学习的地方!
|
13天前
|
JavaScript API
vue3知识点:自定义hook函数
vue3知识点:自定义hook函数
24 2
|
21天前
|
JavaScript 前端开发 API
vue3中常用插件的使用方法:按需引入自定义组件,自动导入依赖包,自动生成路由,自动生成模拟数据
vue3中常用插件的使用方法:按需引入自定义组件,自动导入依赖包,自动生成路由,自动生成模拟数据
450 0
|
21天前
|
人工智能 JavaScript 程序员
vue中内置指令v-model的作用和常见使用方法介绍以及在自定义组件上支持
vue中内置指令v-model的作用和常见使用方法介绍以及在自定义组件上支持
92 0
|
2月前
|
JavaScript 前端开发 开发者
Vue3:快速生成模板代码
Vue3:快速生成模板代码
|
1月前
|
JavaScript
vue尚品汇商城项目-day07【vue插件-49.(了解)自定义插件】
vue尚品汇商城项目-day07【vue插件-49.(了解)自定义插件】
26 0
|
3月前
|
JavaScript
基于Vue2或Vue3实现任意上下左右拖拽悬浮的元素,且配置为自定义的全局指令
这篇文章介绍了如何在Vue 2或Vue 3项目中实现一个自定义的全局指令`v-dragSwitch`,用于创建可以任意方向拖拽并悬浮的元素,同时包含边界处理的逻辑。
956 2
基于Vue2或Vue3实现任意上下左右拖拽悬浮的元素,且配置为自定义的全局指令