2v-start-kit 使用 vite2.0
+ vue3.0
的web应用前端模板。
🌤🌤🌤 此方案正自用中,使用了beta版依赖,仅供学习参考。
2v.design 基于此模板开发。
- 基础构建
vite 2.0
- 前端框架
vue 3.0
- UI库
element-plus beta
- 状态管理
pinia
(与下一代vuex
类似,等vuex更新后会切换) - 路由管理
vue-router
- 样式处理
sass
-
📝 支持代码风格规范检查/提示/修正
-
📝 支持提交风格规范检查/提示 (默认关闭)
-
👌 集成简单的登录跳转Demo
-
👌 支持组件 README.md文件渲染 src/components/xxx
-
👌 集成SCP命令 方便部署
-
👌 顺手送几个大漂亮
yarn && yarn dev
yarn husky #开启提交检查
根目录/
.env #配置 IP
env.js #配置 请求相关
yarn build
# 配置好目标服务器路径
# 根目录/scripts/scp.js
const servers = {
1: '账号:密码@IP地址1: /目标路径/dist/'
2: '账号:密码@IP地址2: /目标路径/dist/'
}
yarn scp 1 #推送到 IP地址1
yarn scp 2 #推送到 IP地址2
- 使用
eslint
+prettier
+eslint-vue
- 尽量遵循vue官方推荐风格
# 配置文件路径
根目录/
.prettierrc
.eslintrc.js
- 使用
stylelint
+stylelint-scss
+stylelint-config-prettier
工具
# 配置文件路径
根目录/
.stylelintrc.js
- 使用
husky
+commitlint
+ 自定义脚本
# 开启提交格式化
yarn husky
# 配置文件路径
根目录/.husky/
/check-keyword.sh
/pre-commit
/commit-msg
未来看好vite + vue,应该是一个趋势,此项目不定期更新