Vite + React + TypeScript 创建模板

个人自用

安装使用

Tip

Tanstack Router 在 dev 服务器运行时再修改路由文件，可以享受到自动生成路由的爽感

npm create nbc-app < projectName | 可选 >
# yarn create nbc-app < projectName | 可选 >
# pnpm create nbc-app < projectName | 可选 >

当然也可以直接克隆项目
感兴趣的还可以查看个人汉化版 React DevTools

Note

小提示 如果你使用的是 webstorm，断点调试功能需要在IDE运行配置中勾选打开浏览器和使用JavaScript调试器，当然也可以额外配置一个 Javascript 的运行配置专门启动断点调试，这样断点服务器和vite服务器各管各的互不影响。

另外，如果你发现断点调试时 Chrome 是一个全新的页面，没有你的个人数据、扩展以及配置，可以为chrome的用户数据创建一个**软连接 ** mklink /D <link> <target>，然后把链接设置到 webstorm 的浏览器配置里就可以了

具体原因和解决方法请查看官方文档

Tip

vite 服务运行时，可直接在运行窗口中 Ctrl + Shift + 鼠标左键 点击服务器链接，这样是直接打开断点调试的功能，十分方便