摘要: 简介 TypeScript 代码最终都会被编译成 JavaScript 代码来运行。这个编译的过程需要使用 TypeScript 编译器,我们可以为该编译器配置一些编译选项。 在 TypeScript 项目的根目录下执行 “tsc-init” 命令,快速创建一个 tsconfig.json 文件。该 阅读全文
posted @ 2024-09-12 22:09 风雨后见彩虹 阅读(819) 评论(0) 推荐(0) 编辑
摘要: TypeScript 类的使用 进行ES5开发的时候,需要使用函数和原型链实现类和继承。ES6引入了 class关键字,我们可以更加方便地定义和使用类。 作为 JavaScript 的超集,TypeScript 同样支持使用 class 关键字,并且可以对类的属性和方法等进行静态类型检测。 类的定义 阅读全文
posted @ 2024-09-12 21:55 风雨后见彩虹 阅读(232) 评论(0) 推荐(0) 编辑
摘要: Javascript 类型缺陷 类型引发的问题 在编程开发中,有一个共识:错误越早发现,就越容易解决。 例如: 能在代码编写时发现错误,就不要等到代码编译时才发现(这也是IDE的优势之一)。 能在代码编译时发现错误,就不要在代码运行时才发现(类型检测可以帮助我们在这 方面做得很好)。 能在开发阶段发 阅读全文
posted @ 2024-09-12 20:59 风雨后见彩虹 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 1、使用 Object.entries() 和 Object.fromEntries() // 将对象转换为数组并转换回来,以便于操作 const person = { name: 'jack', age: 20 }; const entries = Object.entries(person); 阅读全文
posted @ 2024-09-12 15:46 风雨后见彩虹 阅读(165) 评论(0) 推荐(0) 编辑
摘要: 比如我们经常使用固定的代码格式来生成代码片段。 第一步,编写需要生成代码片段的代码,代码示例如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width= 阅读全文
posted @ 2024-09-12 11:01 风雨后见彩虹 阅读(107) 评论(0) 推荐(0) 编辑
摘要: 安装vite npm create vite@latest 你还可以通过附加的命令行选项直接指定项目名称和你想要使用的模板。例如,要构建一个 Vite + Vue + ts 项目,运行: # npm 7+,需要添加额外的 --: npm create vite@latest my-vue-app - 阅读全文
posted @ 2024-09-12 10:24 风雨后见彩虹 阅读(218) 评论(0) 推荐(0) 编辑
摘要: 初识 create-vue create-vue类似于Vue CLI脚手架,可以快速创建vuejs 3项目,create-vue基于Vite。Vite支持Vue CLI中的大多数配置,并且Vite以极速启动服务、快如闪电的热重载,提供了更好的开发体验。 与Vue CLI 不同的是,create-vu 阅读全文
posted @ 2024-09-12 09:08 风雨后见彩虹 阅读(516) 评论(0) 推荐(0) 编辑
摘要: 安装Vue CLI (1) 全局安装Vue CLI 方式一(推荐方式):在终端安装指定版本 npm i @vue/cli@5.0.8 -g 注:目前5.0.8应该是最新的版本了。 方式二:在终端通过命令安装最新版本 npm i @vue/cli -g (2) 升级Vue CLI到最新版本(可选) n 阅读全文
posted @ 2024-09-12 09:02 风雨后见彩虹 阅读(478) 评论(0) 推荐(2) 编辑
摘要: Auto Close Tag 自动添加HTML/XML关闭标签。例如,在输入<div>时,输入完最后一个尖括号>时,会自动添加对应的闭合标签</div> Auto Rename Tag 自动重命名成对的HTML/XML标记。例如,在将<div></div>标签重命名为<span></span>标签时 阅读全文
posted @ 2024-09-12 08:46 风雨后见彩虹 阅读(136) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示