分享一个自己的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回车

相关文章
|
1月前
|
JavaScript
vue学习(3)模板语法
vue学习(3)模板语法
52 11
|
25天前
|
存储 API
vue3中如何动态自定义创建组件并挂载
vue3中如何动态自定义创建组件并挂载
248 90
|
2月前
|
JavaScript API 开发者
vue自定义Hooks函数使用和封装思想
【8月更文挑战第8天】vue自定义Hooks函数使用和封装思想
113 1
|
20天前
|
JavaScript 前端开发 开发者
Vue3:快速生成模板代码
Vue3:快速生成模板代码
|
7天前
|
JavaScript
vue尚品汇商城项目-day07【vue插件-49.(了解)自定义插件】
vue尚品汇商城项目-day07【vue插件-49.(了解)自定义插件】
17 0
|
1月前
|
JavaScript 前端开发 搜索推荐
推荐5款免费、开箱即用的Vue后台管理系统模板
推荐5款免费、开箱即用的Vue后台管理系统模板
|
2月前
|
JavaScript
基于Vue2或Vue3实现任意上下左右拖拽悬浮的元素,且配置为自定义的全局指令
这篇文章介绍了如何在Vue 2或Vue 3项目中实现一个自定义的全局指令`v-dragSwitch`,用于创建可以任意方向拖拽并悬浮的元素,同时包含边界处理的逻辑。
454 2
基于Vue2或Vue3实现任意上下左右拖拽悬浮的元素,且配置为自定义的全局指令
|
2月前
|
JavaScript 开发工具 容器
初始Vue、Vue模板语法、数据绑定(2022/7/3)
这篇文章是关于Vue.js基础的介绍,包括Vue的简介、安装使用、开发工具、基础知识、模板语法和数据绑定。文中通过代码实例和页面效果展示了如何创建Vue实例、使用插值和指令语法、以及单向和双向数据绑定的方法。
初始Vue、Vue模板语法、数据绑定(2022/7/3)
|
2月前
|
JavaScript
Vue学习之--------Vue中自定义插件(2022/8/1)
这篇文章介绍了Vue中自定义插件的基本概念和实际应用,包括插件的定义、在`main.js`中使用`Vue.use()`引入插件,并通过代码实例展示了如何创建包含全局过滤器、指令和混入的插件,以及如何在Vue组件中使用这些自定义功能。同时,文章还解释了什么是mixin(混入)以及它的使用方式。
Vue学习之--------Vue中自定义插件(2022/8/1)
|
2月前
|
前端开发 API
自定义 Hooks 在 Vue3 中的应用和重要性
自定义 Hooks 在 Vue3 中的应用和重要性