vue3+ts+vite项目搭建

使用vite搭建Vue项目

公司打算将一个Jq项目翻版成Vue单页面项目,于是我就开始准备放肆了。
微软官方消息21年8月将停止IE的所有服务,将资源转到他的新儿子Edge,尤也说V3.0将不在去支持IE11兼容问题,所以我打算用vite + vue3.0

vite官方文档:你的node.js版本需要>=12.0
1.npm init @vitejs/app

image.png

按照引导安装就可以了,

image.png

next:npm install

next:npm run dev

image.png

这里不得不说项目启动是非常的快!好惊叹!毕竟也只是空项目,vite创建的项目默认的端口号是:3000
接下来就需要去引入

vite项目搭建起来了但是项目里没有自动生成Router和Vx,接下来配置项目Router及Vx和Sass预处理

npm install vue-router@next -S 安装路由

配置route.ts

image.png

npm install vuex@next -S 安装store,

配置store/index.ts

npm install sass -D 安装sass

image.png

配置到这一步基本上就完成了,剩下的就是按需引入插件,接下来的文章会记录一些vue3.0和vue2.0的区别,散会!

image.png

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享