Vite3+Vue3+JavaScript：搭建企业级轻量框架实践（值得收藏）

引言

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

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

我们下面做了什么：

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

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

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

script setup

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

搞个简单demo对比script-setup和script区别：

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

const count = ref(0) </script>

<template><button @click="count++">{
  { count }}</button>
</template>
复制代码 

// 普通script编写模式
<script> import { ref } from 'vue'

export default {setup(props)