Vite2+Vue3+TypeScript:搭建企业级轻量框架实践

image.png

引言

随着Vue3为广大开发者所接受和自身生态逐渐完善,更多同学往vue3的工程化方向完善,本文恰好给大家介绍下如何更好使用vue3及其周边插件,以及让他们组合到整个工程中去。

另外,Vue3支持Typescript语法编程也是其中一大亮点,为了探索新技术的工程化搭建,本文会把Typescript、vite、pinia等官方周边整合到工程里面。

接下来,为了让大家更好理解本项目工程化的思路,本文会按照以下关键词去逐步研读(看项目代码可跳过前4步)

  • vue3的script setup
  • Typescript
  • Vite
  • pinia
  • 工程化搭建

script setup

// 普通script编写模式



上述例子可以看出,script-setup弱化了vue模板式编程体验,也使得代码更简洁,开发者只需要引入正确的hooks后,把逻辑写在script内就足以。

本项目所有组件都采用这种开发模式,相比于普通的

你可能感兴趣的:(Vite2+Vue3+TypeScript:搭建企业级轻量框架实践)