Vite3+Vue3+JavaScript:搭建企业级轻量框架实践(值得收藏)

引言

我看了这里好像还没有这方面的,大部分都是TS,如何你还没熟悉TS呢?怎么办。。。。。,还能怎么办,赶紧去把自己卷洗(我内心:卷不动了)。。。。哈哈哈哈。

这里面有几个大坑。。。。。稳稳的被我踩了

我们下面做了什么:

  • 使用vite 从零构建vue3的一个项目模版
  • 用eslint 做代码规范化
  • 用githook 来限制代码,如果不规范,不给commit
  • vite 配置UI库按需自动引入(相关其他的配置)
  • pinia 和 vuex哪个好,以及pinia的使用

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

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

script setup

复制代码

// 普通script编写模式



复制代码 

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

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

你可能感兴趣的:(javascript,vue.js,前端)