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

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
* 完整如图
文章图片

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

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

推荐阅读

冬月是农历几月份农历的冬月是几月

陌生人社交软件分析,可以给陌生人打电话的社交软件

南京交通职业技术学院怎么样好不好南京交通职业技术学院怎么样

宝宝的腿是弯曲的，这种现象正常吗？会不会影响宝宝下肢的发育？

如何看翡翠的真假

成语小秀才192关攻略 192关答案是什么

骨干教师申请书

Java集合练习题——从控制台输入若干个字母放入集合中，将这些字母排序后（忽略大小写）打印出来

mongodb显示所有数据库 mongodb开启数据库

榴莲可以放冰箱冷藏吗

如何保养上海罗杰杜彼自动机械表

如何取消安卓系统更新提示更新提示信息吗,系统更新怎么操作?

王者六字名字温柔女生王者六字名字温柔

海尔电热水器质量好不好海尔热水器怎么样

ocr，信息技术中OCR是什么

红麻薯放冰箱冷藏好吗麻薯要放冰箱冷藏吗

大金中央空调不启动解决故障排除图解,这些方面需要注意了

核心交换机接入路由器配置华为三层交换机配置实例

刘备封黄忠为后将军，关羽为何要破口大骂?

云顶之弈卡莎阵容推荐云顶之弈卡莎阵容怎么搭配