本文介绍了如何利用Vite作为构建工具，配合本地编辑器，在浏览器中实时查看TypeScript代码的效果。首先，通过vite创建一个vanilla-ts纯TypeScript模板项目，然后设置npm使用淘宝镜像加速安装，接着安装项目依赖并启动开发服务器，即可实现TS代码的快速预览。
方式：
本地编辑 + 浏览器
构建工具：
vite
步骤：
1.搭建vite项目
# npm 7+, 需要额外的双横线： npm init vite@latest my-vue-app -- --template vanilla-ts
注：vanilla-ts是纯粹的ts模板
vitejs官网
2.解决安装速度问题
设定淘宝镜像：
npm config set registry https://registry.npm.taobao.org/
3.按照提示执行命令
cd my-vue-app
npm install
npm run dev
4.运行效果
最低0.47元/天 解锁文章
扫一扫
8万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
