官网：https://playwright.net.cn/ 教程：https://zhuanlan.zhihu.com/p/25048179040 支持4种语言编写测试自动化：Node.js、.Net、Python、Java 未完待续…

参考资料： vitest官网：https://cn.vitest.dev/ 1. 单元测试Vitest 是一个针对单元测试的框架，它由 Vue / Vite 团队成员开发和维护。主要用于测试函数、类、方法等逻辑结果。 提示：Vitest 需要 Vite >=v5.0.0 和 Node >=v20.0.0 官网：https://cn.vitest.dev

参考资料： TypeScript 官网：https://www.typescriptlang.org/zh/ TypeScript 语法文档：https://zhongsp.gitbooks.io/typescript-handbook/content/ 所有文件格式都是 .ts 后缀名。 1. TS 环境安装下载并安装好 nodejs。 全局安装 typescript：npm i ty

参考资料： TypeScript 官网：https://www.typescriptlang.org/zh/ TypeScript 语法文档：https://zhongsp.gitbooks.io/typescript-handbook/content/ 所有文件格式都是 .ts 后缀名。 1. TS + Vue3 TypeScript 的定位是静态类型语言，在写代码的阶段就能检查错误，

参考： TypeScript 语法文档：https://zhongsp.gitbooks.io/typescript-handbook/content/ 案例源码：https://github.com/janycode/react-ts-demo 所有文件格式都是 .ts 后缀名，React 项目中是 .tsx 后缀名（因为使组件化了默认支持 xml 结构）。 1. 创建项目1.1 创建

参考： json-server 库：https://www.npmjs.com/package/json-server json-server 源码：https://github.com/typicode/json-server json-server 文档：https://rtool.cn/jsonserver/docs/introduction json-server -w db.jso

参考资料： 官网：https://cn.vuejs.org/ vue2 官方教程：https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程：https://cn.vuejs.org/guide/introduction.html 说明：Vue 2.0 在 2023 年 12 月 31 日停止更新。 1. 框架1.1 引入Vue是一套用于构建用户界面的渐进式框架。

参考资料： 官网：https://cn.vuejs.org/ vue2 官方教程：https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程：https://cn.vuejs.org/guide/introduction.html 说明：Vue2.0 在2023年12月31日停止更新。 1. 组件封装1.1 rem布局公式只需要在 index.html 加上这一句

参考资料： 官网：https://cn.vuejs.org/ vue2 官方教程：https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程：https://cn.vuejs.org/guide/introduction.html 说明：Vue 2.0 在 2023 年 12 月 31 日停止更新。 本文全部基于 vue3。 vue3插件： VSCode 插件

参考资料： 官网：https://cn.vuejs.org/ vue2 官方教程：https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程：https://cn.vuejs.org/guide/introduction.html 说明：Vue 2.0 在 2023 年 12 月 31 日停止更新。 1. 组件组件，扩展HTML元素，封装可重用的代码（让组件可以和