基于Vue2.x + Vite2.x + TypeScript 项目开发框架模板

基于Vue2.x + Vite2.x + TypeScript 项目开发框架模板

---

仓库地址：https://gitee.com/chenzhihuiShuai/vite-vue2.git

主要依赖

名称	版本	说明
vue	2.6.X	vue核心依赖，项目基于vue2.6版本构建，而非vue3.X
vue-router	3.5.X	vue2.X版本路由
vuex	3.6.X	vue2.X版本的vuex
@vue/composition-api	1.X.X	适用于vue2.x版本的插件，能够在vue2.x 实现vue3.x特性
element-ui	12.5.X	vue2.X版本的 element-ui
vue2-helpers	1.1.X	适用于vue2.x版本的插件，composition-api在实现vue2.x的vue3.x特性后，无法方便的在setup方法中使用vuex和vue-router，这个插件就是用来解决这问题的

---

目录结构

• node_modules 文件夹（项目依赖）

• public 公共资源文件夹
  – -- 1.favicon.ico 网站图标
  – -- 2.iconfont.min.js 阿里的iconfont图标库脚本

• src 资源文件夹（项目开发代码主要在这文件夹中）
  – -- api api请求配置
  – -- assets 存放静态文件
  – -- – -- icon 图标svg
  – -- – -- image 静态图片
  – -- – -- style 样式文件
  – -- components 存放公用组件
  – -- – -- common-components 公共组件库，里面有一些封好的组件（与业务相关的组件不要放在里面）
  – -- enums 枚举类文件
  – -- – -- config.ts 后台环境地址配置
  – -- router 路由
  – -- store vuex
  – -- types ts的类型定义
  – -- utils 配置与公共方法 ，包含自定义指令，公共方法，插件等
  – -- views 页面
  – -- App.vue 入口vue文件
  – -- main.ts 入口ts
  – -- shim-tsx.d vite或ts的环境声明定义，一般不需要修改
  – -- shims-vue.d vite或ts的环境声明定义，一般不需要修改
  – -- vite-env.d vite或ts的环境声明定义，一般不需要修改

• .gitignore 指定文件无需提交到git上

• balel.config.js 使用一些预设

• package.json 项目描述及依赖

• package-lock.json 版本管理使用的文件

• vite