上文搭建了组件库cli的基础架子,实现了创建组件时的用户交互,但遗留了cli/src/command/create-component.ts中的createNewComponent函数,该函数要实现的功能就是上文开篇提到的——创建一个组件的完整步骤。本文咱们就依次实现那些步骤。(友情提示:本文内容较
前面的文章分享了组件库的开发、example、组件库文档,本文分享组件库cli开发。1为什么要开发组件库cli回顾一个新组件的完整开发步骤:1在packages目录下创建组件目录xxx:1.1使用pnpm初始化package.json,修改name属性;1.2在该目录中创建src目录和index.t
前言:昨天我们学习了TS的数据类型,不知道大家回去以后练习没练习,如果你练习了一定会发现一个问题,我们的TS好像和JS不太一样JS写完之后直接就可以放到页面上,就可以用了,而我们的TS需要用tsc编译一下,编译为JS才能在页面中使用这时就会有同学说了,诶呀,六扇老师,这也太麻烦了吧!别急,好好阅读今
大家好,我是前端西瓜哥。我们在VSCode编辑器中编写js代码,是会提供类型提示的。VSCode会推断一个变量是什么类型,并在你输入内容的时候,提供对应的API属性或方法补全。如下图,在js文件中,arr变量被判断为一个 number[] 类型,所以我们键入 arr.&
m3u8是什么格式?m3u8是苹果公司推出的视频播放标准,是m3u的一种,只是编码格式采用的是UTF-8。使用m3u8格式文件主要因为可以实现多码率视频的适配,视频网站可以根据用户的网络带宽情况,自动为客户端匹配一个合适的码率文件进行播放,从而保证视频的流畅度。m3u8准确来说是一种索引文件,使用m
大家好,我是前端西瓜哥。tsconfig.json是用来配置TS编译选项的,通常位于项目的根目录位置。我们可以用ts提供的tsc命令行工具,执行 tsc--init。复制复制$tsc--initCreatedanewtsconfig.jsonwith:TStarget:es2016modu
在现代Web应用中,为了让代码能在生产环境高性能的运营,源代码往往需要被编译打包,进行死码删除,代码转换等处理。Babel和Typescript是目前最常用的两个编译器,本文主要讨论两者的区别,帮助你为项目选择最佳工具。介绍BabelBabel是一个JS编译器,能将现代ES6+语法和特性转换为向后兼
大家好,我卡颂。在布达佩斯2022JSConf[1]会议上,tc39[2](ES标准委员会)成员「GilTayar」介绍了一份当前仍处于stage1阶段的提案—— TypeAnnotations,意在让原生JS支持类型注解。GilTayar换句话说,如果提案通过,很多.ts文件将后缀
什么是denodeno是由nodejs作者开发出来的一个js运行环境,和nodejs最大的区别是它很小,没有过多的历史包袱依赖。最大的特点应该就是它将大部分功能都封装在了一个独立的可执行包中,你可以通过一个文件完成代码的自动补全提示,格式化,性能分析,测试编写等。什么是denodeploydenod
TypeScript给JavaScript添加了一套类型语法,我们声明变量的时候可以给变量加上类型信息,这样编译阶段就可以检查出变量使用的对不对,也就是类型检查。给变量添加类型,很自然可以想到时在声明的时候指定:比如对象:复制interfacePerson{name:string;age?:numb
作者|Ling,携程公共技术服务中心运营经理,喜欢新技术,致力于提升研发效率与研发质量。携程技术保障中心在2021年8月,把发布系统的技术支持团队转成了公共TS团队(公共技术服务中心),旨在持续提升TS的运营效率和服务质量。庆幸自己带着这支团队经历了这次蜕变,借这篇文章和大家分享TS运营的经验和感悟
JS工具领域的变化实在太快:rocket:。本文将自底向上地从「编译器」、「打包器」、「包管理器」、「第三方库开发」、「Web应用开发」这几个方面来盘点2022年JavaScript开发工具的生态。编译器编译器负责将输入的代码,转换为某种目标的输出格式。本文只关注JS和TS的编译器,它可以将现代的J
编译TypeScript代码用什么编译器?那还用说,肯定是ts自带的compiler呀。但其实babel也能编译ts代码,那用babel和tsc编译ts代码有什么区别呢?我们分别来看一下:tsc的编译流程typescriptcompiler的编译流程是这样的:源码要先用Scanner进行词法分析,拆
相信很多小伙伴第一次使用Vite开发项目的时候,都会被它的速度震惊到。为什么Vite那么快呢?除了使用了ESmodules之外,Vite内部还使用了一个神器——esbuild。Esbuild是由Figma联合创始人EvanWallace于2020年开发的工具。它是一个速度极快的JavaScript/
TypeScript是由微软开发的开源、跨平台的编程语言,是javaScript的超集,最终被编译为javaScript代码。常常被简称为TS,支持JS、ES语法。TS的特点:始于javaScript归于javaScript。强大的类型系统。先进的javaScript。适合开发大型项目,编译成纯js
Node.js并不支持直接执行TS文件,如果要执行TS文件的话,我们就可以借助ts-node这个库。相信有些小伙伴在工作中也用过这个库,关于ts-node这个库的相关内容我就不展开介绍了,因为本文的主角是由antfu大佬开源的esno项目,接下来我将带大家一起来揭开这个项目背后的秘密。阅读完本文后,
引言在日常的开发工作中,我们通常使用git来管理代码,当我们对代码进行某项改动后,都可以通过gitcommit来对代码进行提交。git规定提交时必须要写提交信息,作为改动说明,保存在commit历史中,方便回溯。规范的log不仅有助于他人review,还可以有效的输出CHANGELOG,甚至对于项目
TypeScript很受大众喜爱。因为它“解决”了JS的许多问题,是JS的“超集”。它不仅能轻松找出代码错误,还能使其易于阅读。对,没错,使用TypeScript的理由太多了。反其道而行之,今天小芯就要说7个不使用TypeScript的理由。1.它不能解决问题据说TypeScript可以解决Java
前言TS是什么TypeScript=Type+Script(标准JS)。TS的官方网站:TypeScriptisatypedsupersetofJavaScriptthatcompilestoplainJavaScript。TypeScript是一个编译到纯JS的有类型定义的JS超集。T