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 @ 2022-05-20 15:29  前端-大雄  阅读(279)  评论(0编辑  收藏  举报