vue3开发(第一期):Vite2.0+Typescript+Vue3.2

官网:https://vitejs.cn/
非常推荐:https://www.cnblogs.com/wenxinsj/p/14626660.html
https://www.cnblogs.com/huodixveye/p/14143365.html
 
至于为什么用vite2.0 + Typescript + Vue3.2就不说了,网上一堆文章
重点总结这段vue3开发过程会分以下几步:
第一阶段:Vite2.0 + Typescript + Vue3.2
第二阶段:vuex4 + eslint + axios + element-plus UI + sass + router
第三阶段:cssVars主题色 + i18n国际化
 
基本就搭好项目了,中间穿插一些开发过程小坑,
后续就是具体vue3的一些用法与躺坑经验
 
第一次安装需要全局安装vite:npm init vite@latest
 
安装项目:npm init @vitejs/app
 
设置项目名称

 

设置项目模板:一般选vue

 

选择是否用ts:建议用上吧

 

项目创建完成:

  

打开项目下载依赖:npm install
 
关于 vite.config.ts 下载相关依赖还是报没有相关声明错误问题查看
我自己写的解决办法:https://www.cnblogs.com/konghaowei/p/16289202.html
 
运行项目:npm run dev
至此最简单的Vite + Typescript + Vue3 项目就搭起来了 
posted @   前端-大雄  阅读(290)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
点击右上角即可分享
微信分享提示