#夏日生活打卡季#

来百度APP畅享高清图片

//xia栽ke：http://quangneng.com/2390/

快速上手

脚手架

在新项目中使用 Vant 时，推荐使用 Vue 官方提供的脚手架 Vue Cli 创建项目

随着vue3.x越来越稳定及vite2.0的快速迭代推出，加上很多大厂相继推出了vue3的UI组件库，在2021年必然受到开发者的再一次热捧。

Vue3迭代更新频繁，目前star高达

一.涉及技术点

• vite版本
• vue3
• ts
• 集成路由

这段时间对于前端人来说，最大的惊喜莫过于期盼已久的Vue.js 3.0正式发布了。

之前就有很多小伙伴询问vue3组件库相关的问题。趁着vue.js 3.0发布的热潮，就给大家推荐几个Vue3 Beta组件库。

一、引入vant的几种方式

（1）引入全部组件，在没有配置按需引入的前提下

main.js中
// 引入vant (引入全部组件) Tips: 配置按需引入后，将不允许直接导入所有组件。
import Vant from 'vant';
import 'vant/lib/index.css';

const app = createApp(App)
app.use(store)
  .use(router)
  .use(Vant)
  .mount('#app')

最近一直在捣鼓Vue3开发，不得不说Vue.js越来越优秀了。尤大推出的Vite构建工具真是极速，本来是想着使用vite构建vue3项目，不知道为啥vite构建的项目使用vant-ui3.0会报错，不知道大家有没有遇到过这种情况。后来就改用vue/cli来构建vue3项目了。

vue3更加灵活、高效，目前拥有

我打算利用业余时间，做个小互联网产品来运营玩玩。目的是打发时间，学习并实际使用新技术，写此系列文章作为记录。不保证开发进度，不定时更新，看时间和心情。各位看官欢迎交流，希望不吝赐教，大家共同进步。

先说结论，最终我选择了：

"夏哉ke"：chaoxingit.com/2390/

开发双端招聘APP：Vue 3 + Vite + Vant-UI