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

1. 环境校验 【CSS|采用官方最简单的办法搭建vite+vue+ts开发项目框架】PS D:\vue> node -v
v16.6.1
PS D:\vue> cnpm -v
cnpm@7.1.0 (C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm\lib\parse_argv.js)
npm@6.14.15 (C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm\node_modules\npm\lib\npm.js)
node@16.6.1 (C:\Program Files\nodejs\node.exe)
npminstall@5.1.1 (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
* 完整如图 CSS|采用官方最简单的办法搭建vite+vue+ts开发项目框架
文章图片

源码:GitHub - guoyansai/vite-vue-tsContribute to guoyansai/vite-vue-ts development by creating an account on GitHub.CSS|采用官方最简单的办法搭建vite+vue+ts开发项目框架
文章图片
https://github.com/guoyansai/vite-vue-ts

    推荐阅读