Vite3+Vue3+JypeScript:搭建企业级轻量框架实践

本文介绍了使用Vite3、Vue3和Pinia搭建企业级轻量级前端框架的实践过程,重点讨论了Vue3的script setup语法、Vite的优势以及Pinia的状态管理。内容涵盖了工程化搭建的步骤,包括技术栈选择、项目结构规划、工程配置优化等,旨在提供一个高效、易维护的企业级前端解决方案。
摘要由CSDN通过智能技术生成

引言

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

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

我们下面做了什么:

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

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

script setup

<script setup> 是在单文件组件 (SFC) 中使用组合式 API 的编译时语法糖。

搞个简单demo对比script-setupscript区别:

// 单文件组件script-setup编写模式
<script setup> import { ref } from 'vue'

const count = ref(0
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值