chen-vue-snippets 0.0.6
介绍:
陈氏 Vue 代码块插件(Chen-vue-snippets)是一款专为 Vue 开发者打造的实用工具,旨在通过提供丰富的代码块模板,显著提升您的开发效率。无论您是使用 Vue 2 还是 Vue 3,无论您选择 JavaScript 还是 TypeScript,本插件都能满足您的需求。
主要功能:
多样化的模板支持: 插件提供了从 Vue 2 到 Vue 3,从 JavaScript 到 TypeScript 的全方位覆盖,包括带有 template 的 vue2js、vue2ts、vue3setup js、vue3setup ts 模板,以及基于 setup 的 vue3js 和 vue3ts 模板。无论您是开发新项目还是维护旧项目,都能找到适合的模板。
样式预处理器集成: 支持 Less、SCSS 和 Stylus,为您生成的模板自动定义最外层的 class,简化样式管理。
Render 语法支持: 为 Vue 2 和 Vue 3 提供了 jsx 和 tsx 的 render 语法模板,适用于需要直接操作 DOM 的场景。
生命周期钩子和常用方法: 提供了 Vue 生命周期钩子(如 created、mounted、beforeDestroy 等)和常用方法(如 data、methods、props、nextTick、set 等)的快速插入选项,帮助您快速构建 Vue 组件。
TypeScript 装饰器支持: 为 TypeScript 用户提供了 @watch 和 @components 装饰器,提升代码的可读性和维护性。
使用方法:
通过简单的触发键,您可以快速插入所需的代码块。例如,使用 "v2js" 在 .vue 文件中插入 Vue 2 JavaScript 模板,使用 "setupts" 插入 Vue 3 TypeScript setup 模板,等等。详细的触发键文档如下:
触发文本 | 说明 | 触发文件 |
---|---|---|
v2js | 带template的vue2js模板 | .vue |
v2ts | 带template的vue2ts模板 | .vue |
setupjs | 带template的vue3setup js模板 | .vue |
setupts | 带template的vue3setup ts模板 | .vue |
v3js | 带template的vue3js模板(setup) | .vue |
v3ts | 带template的vue3ts模板(setup),基于 defineComponent | .vue |
less | 基于上面命令生成的模板 然后自动定义最外层的class | vue |
scss | 基于上面命令生成的模板 然后自动定义最外层的class | vue |
stylus | 基于上面命令生成的模板 然后自动定义最外层的class | vue |
jsxv2 | vue2的render语法 | jsx |
jsxv3 | vue3的render语法 | jsx |
tsxv2 | vue2的render语法 | tsx |
tsxv3 | vue3的render语法 | tsx |
data | vue的data | js jsx |
created | vue的created | js jsx |
beforeCreate | vue的beforeCreate | js jsx vue |
beforeDestroy | vue的beforeDestroy | js jsx vue |
destroyed | vue的destroyed | js jsx vue |
mounted | vue的mounted | js jsx vue |
methods | vue的methods | js jsx vue |
beforeMount | vue的beforeMount | js jsx vue |
beforeUpdate | vue的beforeUpdate | js jsx vue |
updated | vue的updated | js jsx vue |
props | vue的props | js jsx vue |
this.nextTick | vue的nextTick | js jsx vue |
this.set | vue的set | js jsx vue |
components | vue的components | js jsx vue |
@watch | vue的ts 修饰器 @watch | ts tsx vue |
@com | vue的ts 修饰器@components | ts tsx vue |
陈氏 Vue 代码块插件(Chen-vue-snippets)不仅为您节省了时间,还提高了代码的规范性和一致性,是每位 Vue 开发者的必备工具。
-
- Golang云原生架构师课程
- Go是一门并发支持、垃圾回收的编译型系统编程语言;本课程转载自哔哩哔哩:https://www.bilibili.com/video/BV1Mh411M7A
- 204次学习
-
- MySQL数据管理之备份恢复案例解析视频教程
- 《MySQL数据管理之备份恢复案例解析视频教程》MySQL是一个开放源码的小型关联式数据库管理系统,目前MySQL被广泛地应用在Internet上的中小型网站中。由于其体积小、速度快、总体拥有成本低,尤其是开放源码这一特点,许多中小型网站为了降低网站总体拥有成本而选择了MySQL作为网站数据库。
- 160次学习
-
- MySQL索引优化解决方案
- 本套课程是根据MySQL索引的设计理念与数据结构、索引使用场景、索引分类、索引运用场景、索引性能分析、查询优化、MySQL索引的慢查询等组成,主要讲述了MySQL索引优化的解决方案,非常适合有MySQL使用基础或者有一定工作经验的同学。课程讲解了解决大数量查询慢的问题、如何编写一个高效的SQL、查询语句应该如何优化、索引的实现原理是什么、索引又应该如何优化...等诸多SQL索引优化的难点和面试点。
- 182次学习
-
- 极客学院Docker视频教程
- Docker是PaaS提供商dotCloud开源的一个基于LXC的高级容器引擎,源代码托管在Github上,基于go语言并遵从Apache2.0协议开源。Docker自2013年以来非常火热,无论是从github上的代码活跃度,还是各大厂商的支持,都使Docker成为了时下最受关注的技术,甚至微软都声称在下一代WindowsServer中集成对Docker的支持。所以我们收集了《极客学院Docke
- 243次学习
-
- Golang进阶实战编程
- 本课程是在《Go语言基础视频》基础之上录制的,是Go语言基础的后半部分。包括包的管理,IO操作,Go语言最大的亮点:高并发,goroutine,channel,反射等。本视频主要为了帮助Go语言的初学者,从零到一的快速入门。学完本套课程,可以学会如果通过包管理Go项目,并发模型,以及并发实现,channel通道如何传递数据,反射等等。
- 127次学习
-
- JavaScript极速入门
- 本套课程将帮助大家迅速掌握JavaScript这门高端的、动态的、弱类型编程语言。知识点简单明了,让你学习0压力,适合新手观看学习......
- 431次学习
-
- Golangmap实践及实现原理解析
- 2022-12-28 505浏览
-
- GoLand调式动态执行代码
- 2023-01-13 502浏览
-
- 试了下Golang实现try catch的方法
- 2022-12-27 502浏览
-
- 用Nginx反向代理部署go写的网站。
- 2023-01-17 502浏览
-
- MySQL主从切换的超详细步骤
- 2023-01-01 501浏览
-
- Mysql-普通索引的 change buffer
- 2023-01-25 501浏览