Vue2.7 + Vite+ Eslint、Stylelint、Commitlint 统一开发规范 + husky + lint-staged (git commit 时自动格式化代码) + Vue 全家桶集成 + Axios 封装及接口管理 https://juejin.cn/post/7118700020911570974
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
xiangheng 001be05d59 feat: 基础 2 years ago
.husky feat: 基础 2 years ago
.vscode feat: 基础 2 years ago
build feat: 基础 2 years ago
docs feat: 基础 2 years ago
public feat: 基础 2 years ago
src feat: 基础 2 years ago
.commitlintrc.js feat: 基础 2 years ago
.editorconfig feat: 基础 2 years ago
.env feat: 基础 2 years ago
.env.development feat: 基础 2 years ago
.env.production feat: 基础 2 years ago
.eslintignore feat: 基础 2 years ago
.eslintrc.js feat: 基础 2 years ago
.gitignore feat: 基础 2 years ago
.postcssrc.js feat: 基础 2 years ago
.prettierrc.js feat: 基础 2 years ago
.stylelintignore feat: 基础 2 years ago
.stylelintrc.js feat: 基础 2 years ago
README.md feat: 基础 2 years ago
index.html feat: 基础 2 years ago
jsconfig.json feat: 基础 2 years ago
package.json feat: 基础 2 years ago
vite.config.js feat: 基础 2 years ago
yarn.lock feat: 基础 2 years ago

README.md

Vue 2.7 + Vite 脚手架

Vue2.7 已经发布正式版啦,不出意外的话这应该是 Vue2 的最后一个版本了,但是很多公司目前还没有升级 Vue3 的打算(比如我们)。

所以封装了这么一个开箱即用的脚手架模板,脚手架的功能可以看下面的功能列表小节,并且配备完整的技术文档。

可以直接使用,也可以当作学习源码。

教程目录

  1. 工程化实践
  2. 全家桶
  3. 更多功能

基础搭建

在这里我们使用的是 pnpm 来作为本项目的包管理工具。

# 安装依赖
pnpm i

# 运行
pnpm run dev

# 打包
pnpm run build

# 打包文件预览
pnpm run preview

本人开发环境

node v16.13.1(大于 14 版本即可)

pnpm v6.30.0

插件安装

此脚手架必须安以下依赖才能保证,代码自动格式化的有效运行:

  • Vetur
  • EditorConfig for VS Code
  • ESLint
  • Stylelint

功能列表

  • Vue2.7 + Vite
  • Eslint、Stylelint、Commitlint 统一开发规范
  • husky + lint-staged (git commit 时自动格式化代码)
  • Vue 全家桶集成
  • Axios 封装及接口管理
  • Css 样式处理
  • vite.config.js 基础配置
  • 跨域配置
  • 多环境变量配置
  • 浏览器构建兼容性