【学习总结】【ts全解】本地阅览ts代码效果的方案

方式：

本地编辑 + 浏览器

构建工具：

vite

步骤：

1.搭建vite项目

# npm 7+, 需要额外的双横线：
npm init vite@latest my-vue-app -- --template vanilla-ts

注：vanilla-ts是纯粹的ts模板

vitejs官网

开始 | Vite

2.解决安装速度问题

设定淘宝镜像：

npm config set registry https://registry.npm.taobao.org/

3.按照提示执行命令

cd my-vue-app

npm install

npm run dev

4.运行效果