作为一名开发者，掌握 CLI 工具的开发能力是非常重要的。本文将指导你如何使用 TypeScript 和 CAC 库开发出功能强大的 CLI 工具。快速入门首先，需要先安装 Node.js 和 npm（Node Package Manager），然后在项目目录中创建一个 package.json 文件：npm init -y接下来安装 CAC 和 TypeScript：npm install ca
转载
2023-11-21 22:01:59
86阅读
TypeScript与Vue组合开发记录点（三）pinia安装脚手架vite安装状态管理库pinia配置pinia定义状态仓库使用pinia状态变化数据持久化SCSS样式Props传递组件数据方法样式的Scoped属性样式深度选择器超出内容滚动条空数据显示内容路由守卫中的next()js中的next()全局前置守卫calc()函数作用域插槽nextTick（）横线 hr /标签Popup组件Th
转载
2024-02-17 09:09:46
90阅读
# 使用 VSCode 开发 TypeScript 插件的指南
Visual Studio Code（VSCode）是一款强大的源代码编辑器，支持多种语言和插件扩展。本文将带您了解如何使用 TypeScript 开发一个简单的 VSCode 插件，并提供相应的代码示例。
## 环境准备
首先，确保您已经安装了以下软件：
1. [Node.js]( npm）
2. [VSCode](
3.
VSCode，即Visual Studio Code，是由微软开发的一款免费、支持跨平台的文本编辑器。它以其卓越的性能和丰富的功能深受大家的喜爱。与大多数的IDE相同，VSCode也带有一个主题与扩展市场，市场里含有数以万计质量各不相同的插件。本文总结了一些实用且高效的前端插件，供大家选择。vscode-icons为创建的文件夹及文件添加相应的icon（最低支持版本：1.18.1）
转载
2024-09-23 21:23:21
43阅读
# 使用 TypeScript 开发 IntelliJ IDEA 插件的基础指南
IntelliJ IDEA 是一款强大的集成开发环境（IDE），支持多种编程语言。为了增强其功能，我们可以通过编写插件来扩展它的能力。本文将介绍如何使用 TypeScript 开发一个基础的 IntelliJ IDEA 插件，并提供相关的代码示例。
## 1. 环境准备
在开始之前，确保你已经安装了以下工具：
原创
2024-10-25 04:02:46
172阅读
在当今的开发环境中，TypeScript因其静态类型和良好的开发体验而受到开发者的广泛欢迎。在这个博文中，我将分享“TypeScript插件化开发”过程中的要点，涵盖环境准备、集成步骤、配置详解、实战应用、排错指南以及生态扩展。这不仅是一次技术的探索，也是对我开发过程中思路的复盘记录。
## 环境准备
在开始进行 TypeScript 的插件化开发之前，首先需要确保开发环境的准备工作就绪。主要
说到自定义的能力，大家肯定很容易想到插件机制，利用一个插件来扩展构建工具自身的能力。在学习了 Vite 的插件机制后，我们接下来利用已掌握的Vite插件开发的基本知识来实战Vite插件的开发工作。一、插件示例Vite 插件与 Rollup 插件结构类似，为一个name和各种插件 Hook 的对象：{
name: 'vite-plugin-xxx', //插件名称
load(code)
转载
2023-09-25 12:09:50
257阅读
开发了一个用于在代码中校验和执行sql的插件，效果如下：在mapper.java中 ，右键选择 goto->testSQL以json形式输入参数，即可将执行结果显示出来但是大多数场景，我只需要看下对于的sql对不对，那么就直接 goto->testValid 会使用自动生成的默认参数去执行sql，不再需要自己输入参数同理的，复杂的参数也支持,insert update delete 也
转载
2023-07-25 14:09:44
421阅读
在进行 IDEA 开发 TypeScript 插件的过程中，我逐步总结出一套完整的流程，包括环境准备、集成步骤、配置详解、实战应用、排错指南以及性能优化。以下是详细的步骤记录。
## 环境准备
确保开发环境的兼容性是成功安装和使用 TypeScript 插件的关键。我们需要确保如下技术栈的版本兼容：
- **IDEA**: IntelliJ IDEA 2021.2 及以上版本
- **Nod
# 使用 TypeScript 开发 Chrome 插件
Chrome 插件（或扩展程序）是允许用户增强其浏览器功能的强大工具。本文将指导您如何使用 TypeScript 创建一个简单的 Chrome 插件。TypeScript 是 JavaScript 的超集，它增加了类型检查和许多其他功能，使代码更易于维护。
## 1. 环境准备
首先，确保您的计算机上安装了 Node.js 和 npm
TypeScript插件开发：@vue/typescript-plugin架构本文深入解析了@vue/typescript-plugin的架构设计与实现机制，详细介绍了TypeScript插件系统的工作机制、Vue SFC文件处理流程、语言服务集成与类型推导实现，以及插件配置与性能优化策略。文章通过代码示例和架构图展示了插件如何通过装饰器模式扩展TypeScript语言服务，为Vue单文件组件提...
前段时间写了一篇vuepress2的开发文章，很多前端小伙伴看，给了我很多鼓励，写这个的原因是我们的百家饭OpenAPI平台是用vuepress搭建的，最开始选型是因为开始的时候觉得只是一个介绍性的产品网站，所以选型用了类似vue的vuepress，但是随着百家饭站点开发的深入，vuepress的很多问题给我们造成了很多的麻烦，以至于我们目前的架构变成了这样一个复杂结构：|---/api/home
转载
2024-04-21 19:40:12
56阅读
TypeScript出来有段时间了，也冒出了很多用TypeScript开发的优秀开源项目，搜寻了一些基于TypeScript项目，分享给大家：https://github.com/brookshi/awesome-typescript-projects 喜欢的朋友请star支持，谢谢。TypeScript可能有人奇怪这里说的是基于TypeScript的开源项目，为什么TypeScript本身也在这
以前简单讲过开发机制以及设计，以下是集成typescript 方便进行开发的似乎以及简单示例代码 项目依赖的包 为了方便处理使
为什么用 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
220阅读
昨天看了一篇文章 【Vite 实战：手把手教你写一个 Vite 插件】，讲的是开发了一个编译markdown文件，解析为html的插件，看完之后自己记录一下啦，了解一下开发一个vite插件的书写格式。以下的示例放在github上，可以克隆下来自己跑跑试试呀。github地址 ： vitejs-plugin-markdown 首先咱用vite先创建一个项目吧，执行【npm cre
转载
2023-09-08 16:39:01
111阅读
Idea这款编辑器的兴起，我们使用的人越来越多，用的时间也越来越久，有的人是跟风，有的人是发现了她的美妙之处，当然随着时间的推移小编使用这款软件也三年之久，使用的插件也越来越多，为此记录一下，也方便兄弟们参考，话不多说，直奔主题一：如何设置添加IDEA插件如图点击：File—setting—plugins 如图可看到搜索框和安装按钮，当然看到搜索框就可以随意下载了哈哈！二：常用插件1.Transl
转载
2023-12-01 08:31:55
83阅读
概要工欲善其事必先利其器，虽然IntelliJ IDEA的功能已经足够的强大，但是也无法满足开发人员想要的一切功能。对于此，IDEA提供了API接口供开发者进行插件开发扩展，但目前来说，网上对于IDEA插件开发的文档大多讲的不是很清楚，自己最近也开发了一个IDEA插件，中间踩了不少坑，在此总结下。一般来说，开发人员开发的IntelliJ平台插件主要分为如下几类：自定义编程语言的支持：包括语法高亮、
转载
2023-09-03 16:39:34
395阅读
vscode是我个人用过的最舒服的开发工具，同样，集成了git，支持插件，最主要的是占用内存小。atom是我开发react native最先用的工具，有酷炫的开发效果，但是最令我不爽的是，占用内容大，酷炫的插件没装几个就卡的不行。所以个人推荐vscode，让代码飞。。。(一)React Native Tools该扩展工具(React Native Tools)给React Native项目提供了一
转载
2024-01-10 19:54:44
499阅读
目录类型断言含义语法一：尖括号语法二：as与类型转换的区别类型保护功能实现一：typeof实现二： instanceof实现三： in实现四：字面量类型保护实现五：自定义的类型保护 & 类型谓词参考资料 类型断言含义TypeScript 允许你覆盖它的推断，并且能以你任何你想要的方式分析它，这种机制被称为「类型断言」。语法一：尖括号let foo: any;
let bar = <
转载
2023-08-08 07:26:06
94阅读
