采用官方最简单的办法搭建vite+vue+ts开发项目框架

1. 环境校验

PS D:\vue> node -v
v16.6.1
PS D:\vue> cnpm -v
[email protected] (C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm\lib\parse_argv.js)
[email protected] (C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm\node_modules\npm\lib\npm.js)
[email protected] (C:\Program Files\nodejs\node.exe)
[email protected] (C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm\node_modules\npminstall\lib\index.js)
prefix=C:\Users\Administrator\AppData\Roaming\npm
win32 x64 10.0.19043
registry=https://registry.npmmirror.com
PS D:\vue>

2. 初始化项目

cnpm init vite@latest

这里会出现一些选项配置，选择合适自己的选项即可

3. 安转依赖

进入默认创建的文件夹init（名字可以自己改一下）

cnpm i

4. 运行项目

npm run dev

* 完整如图

源码：GitHub - guoyansai/vite-vue-tsContribute to guoyansai/vite-vue-ts development by creating an account on GitHub.https://github.com/guoyansai/vite-vue-ts