作为一名开发者，掌握 CLI 工具的开发能力是非常重要的。本文将指导你如何使用 TypeScript 和 CAC 库开发出功能强大的 CLI 工具。快速入门首先，需要先安装 Node.js 和 npm（Node Package Manager），然后在项目目录中创建一个 package.json 文件：npm init -y接下来安装 CAC 和 TypeScript：npm install ca
TypeScript与Vue组合开发记录点（三）pinia安装脚手架vite安装状态管理库pinia配置pinia定义状态仓库使用pinia状态变化数据持久化SCSS样式Props传递组件数据方法样式的Scoped属性样式深度选择器超出内容滚动条空数据显示内容路由守卫中的next()js中的next()全局前置守卫calc()函数作用域插槽nextTick（）横线 hr /标签Popup组件Th
开发了一个用于在代码中校验和执行sql的插件，效果如下：在mapper.java中 ，右键选择 goto->testSQL以json形式输入参数，即可将执行结果显示出来但是大多数场景，我只需要看下对于的sql对不对，那么就直接 goto->testValid 会使用自动生成的默认参数去执行sql，不再需要自己输入参数同理的，复杂的参数也支持,insert update delete 也
转载
2023-07-25 14:09:44
367阅读
说到自定义的能力，大家肯定很容易想到插件机制，利用一个插件来扩展构建工具自身的能力。在学习了 Vite 的插件机制后，我们接下来利用已掌握的Vite插件开发的基本知识来实战Vite插件的开发工作。一、插件示例Vite 插件与 Rollup 插件结构类似，为一个name和各种插件 Hook 的对象：{
name: 'vite-plugin-xxx', //插件名称
load(code)
之前一直以为开发VS code插件是一件很难的事情，后来工作上需要搞一个效率小工具，就试着找了些资料来入门，发现其实就入门和开发一些简单功能的插件来说难度还是很低的。因为vscode本身是基于electron开发的，所以总体来说开发插件就是在写node代码，额外再加一些编辑器api，插件发布的过程和npm包的发布很类似。vscode官方提供的脚手架还帮忙加上了调试配置，调试非常方便。下面就来说下具
前段时间写了一篇vuepress2的开发文章，很多前端小伙伴看，给了我很多鼓励，写这个的原因是我们的百家饭OpenAPI平台是用vuepress搭建的，最开始选型是因为开始的时候觉得只是一个介绍性的产品网站，所以选型用了类似vue的vuepress，但是随着百家饭站点开发的深入，vuepress的很多问题给我们造成了很多的麻烦，以至于我们目前的架构变成了这样一个复杂结构：|---/api/home
昨天看了一篇文章 【Vite 实战：手把手教你写一个 Vite 插件】，讲的是开发了一个编译markdown文件，解析为html的插件，看完之后自己记录一下啦，了解一下开发一个vite插件的书写格式。以下的示例放在github上，可以克隆下来自己跑跑试试呀。github地址 ： vitejs-plugin-markdown 首先咱用vite先创建一个项目吧，执行【npm cre
转载
2023-09-08 16:39:01
84阅读
为什么用 TypeScript？TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. Any browser. Any host. Any OS. Open source. ———— TypeScript 官网1.第一时间发现类型错误据 rollbar 统计，在前端项目中 10 大错误类型如下
转载
2023-08-24 12:21:41
196阅读
vscode是我个人用过的最舒服的开发工具，同样，集成了git，支持插件，最主要的是占用内存小。atom是我开发react native最先用的工具，有酷炫的开发效果，但是最令我不爽的是，占用内容大，酷炫的插件没装几个就卡的不行。所以个人推荐vscode，让代码飞。。。(一)React Native Tools该扩展工具(React Native Tools)给React Native项目提供了一
概要工欲善其事必先利其器，虽然IntelliJ IDEA的功能已经足够的强大，但是也无法满足开发人员想要的一切功能。对于此，IDEA提供了API接口供开发者进行插件开发扩展，但目前来说，网上对于IDEA插件开发的文档大多讲的不是很清楚，自己最近也开发了一个IDEA插件，中间踩了不少坑，在此总结下。一般来说，开发人员开发的IntelliJ平台插件主要分为如下几类：自定义编程语言的支持：包括语法高亮、
转载
2023-09-03 16:39:34
290阅读
Idea这款编辑器的兴起，我们使用的人越来越多，用的时间也越来越久，有的人是跟风，有的人是发现了她的美妙之处，当然随着时间的推移小编使用这款软件也三年之久，使用的插件也越来越多，为此记录一下，也方便兄弟们参考，话不多说，直奔主题一：如何设置添加IDEA插件如图点击：File—setting—plugins 如图可看到搜索框和安装按钮，当然看到搜索框就可以随意下载了哈哈！二：常用插件1.Transl
目录类型断言含义语法一：尖括号语法二：as与类型转换的区别类型保护功能实现一：typeof实现二： instanceof实现三： in实现四：字面量类型保护实现五：自定义的类型保护 & 类型谓词参考资料 类型断言含义TypeScript 允许你覆盖它的推断，并且能以你任何你想要的方式分析它，这种机制被称为「类型断言」。语法一：尖括号let foo: any;
let bar = <
转载
2023-08-08 07:26:06
69阅读
# TypeScript开发环境搭建及常用插件推荐
## 引言
TypeScript 是 JavaScript 的一个超集，它通过添加类型注解和其他特性来提供更强大的开发工具和更严格的代码检查。在进行 TypeScript 开发时，我们需要搭建一个完善的开发环境，并安装一些必要的插件来提高开发效率和代码质量。
本文将介绍如何搭建 TypeScript 开发环境，以及一些常用的 VS Code
最近用 vuepress 把社区的 typeScript 翻译文章打包成了一个在线文档，不过有一些插件社区没有或者实现的不符合自己定制需求，所以决定自定义实现一个，这篇文化以掘金复制代码功能为例子。 先看一下开发完成的界面 先看一下官方给出的架构图 插件是在 node 环境下运行，所以我们插件的返回形式必须是CommonJS形式。与 vue 类似，vuepress也有生命
如何用VSCode写Markdown文档(此笔记仅为本人记录所用)1.如何安装vscode插件vscode默认是支持Markdown的，但是我们还是需要一些额外的插件来辅助。如前文安装中文包一般，到vscode的插件市场中，搜索Markdown关键字，安装这几个插件——MarkDown All in One (方便编写)Makdown Preview Github StylingMarkdown
截至2019年底，TypeScript（简称ts）已经与Python并列成为第二受欢迎的开发语言，仅次于Rust。如果你还不清楚到底什么是ts，请先移步至ts中文网了解。再过几个月Vue3.0版本就将正式发布，源码完全使用TypeScript编写，Vue与TypeScript的集成势必将成为接下来的趋势。 鉴于手头刚好有一个新项目要做，就想着提前先体验一把。新项目使用Vue-cli
转载
2020-01-02 21:19:00
797阅读
一、TypeScript 包含的数据类型:1.any：任意类型 ，声明为 any 的变量可以赋予任意类型的值。2.number:数字类型,双精度 64 位浮点值。它可以用来表示整数和分数。3.string:字符串类型。4.boolean:布尔类型。5.数组类型:声明变量为数组。let arr: number[] = [1, 2];
console.log(arr)
let arr2: Array&
转载
2023-06-26 22:18:21
141阅读
TypeScript 允许重写已经被推断和分析的类型，通过“类型断言”机制区实现。 通过类型断言这种方式可以告诉编译器，“相信我，我知道自己在干什么”。 类型断言好比其它语言里的类型转换，但是不进行特殊的数据检查和解构。 它没有运行时的影响，只是在编译阶段起作用。 TypeScript会假设你，程序员，已经进行了必须的检查。1.类型断言的常见方式ts 中的类型断言主要有以下两种语法1.1 as 语
导读：前面章节，我们讲到过 接口（Interface）可以用于对「对象的形状（Shape）」进行描述。 本章节主要介绍接口的另一个用途，对类的一部分行为进行抽象。类配合实现接口实现（implements）是面向对象中的一个重要概念。一般来讲，一个类只能继承自另一个类，但有时候不同类之间还会存在有一些共有的特性，这时候就可以把共有的特性提取整合为接口（interfaces），用 【implement
集成步骤： 1、安装jquery极其扩展插件库ts定义文件 2、页面加载jquery和扩展插件： 3、把扩展插件module加入到tsconfig.app.json的types配置。 4、调用扩展插件的方法： 5、运行ng serve： 这个里面有个问题，就是我们不是直接去尝试调用jquery pl
转载
2017-11-02 18:34:00
157阅读
2评论
