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
71b4092f87
|
2 years ago | |
---|---|---|
.husky | 2 years ago | |
.vscode | 2 years ago | |
build | 2 years ago | |
docs | 2 years ago | |
public | 2 years ago | |
src | 2 years ago | |
.commitlintrc.js | 2 years ago | |
.editorconfig | 2 years ago | |
.env | 2 years ago | |
.env.development | 2 years ago | |
.env.production | 2 years ago | |
.eslintignore | 2 years ago | |
.eslintrc.js | 2 years ago | |
.gitignore | 2 years ago | |
.postcssrc.js | 2 years ago | |
.prettierrc.js | 2 years ago | |
.stylelintignore | 2 years ago | |
.stylelintrc.js | 2 years ago | |
README.md | 2 years ago | |
index.html | 2 years ago | |
jsconfig.json | 2 years ago | |
package.json | 2 years ago | |
vite.config.js | 2 years ago | |
yarn.lock | 2 years ago |
README.md
Vue 2.7 + Vite 脚手架
Vue2.7 已经发布正式版啦,不出意外的话这应该是 Vue2 的最后一个版本了,但是很多公司目前还没有升级 Vue3 的打算(比如我们)。
所以封装了这么一个开箱即用的脚手架模板,脚手架的功能可以看下面的功能列表小节,并且配备完整的技术文档。
可以直接使用,也可以当作学习源码。
教程目录
- 工程化实践
- 全家桶
- 更多功能
基础搭建
在这里我们使用的是 pnpm 来作为本项目的包管理工具。
# 安装依赖
pnpm i
# 运行
pnpm run dev
# 打包
pnpm run build
# 打包文件预览
pnpm run preview
本人开发环境
node v16.13.1(大于 14 版本即可)
pnpm v6.30.0
插件安装
此脚手架必须安以下依赖才能保证,代码自动格式化的有效运行:
- EditorConfig for VS Code
- ESLint
- Stylelint
功能列表
- Vue2.7 + Vite
- Eslint、Stylelint、Commitlint 统一开发规范
- husky + lint-staged (git commit 时自动格式化代码)
- Vue 全家桶集成
- Axios 封装及接口管理
- Css 样式处理
- vite.config.js 基础配置
- 跨域配置
- 多环境变量配置
- 浏览器构建兼容性