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
推荐阅读
- vue3|vue3 setup语法糖中组件之间通讯以及vuex的使用以及数据监听,路由跳转传参等基础知识点
- vue|vue导出单页pdf
- 代码片段|前端导出表格
- 计算机|我要当程序员,但我没有任何基础,请问要学什么()
- JS|JS(笔记)
- js|三点运算符(三点语法)
- VUEX的基础
- 项目分析一
- 项目分析五