一个神奇的 vue.js 单页应用,项目开发脚手架
gitee 仓库地址(https://gitee.com/banshiweichen/yipack-cli)
github 仓库地址(https://github.com/chenbimo/yipack-cli)
喜欢的同学请点个 star,您的支持就是我最大的动力。
yipack
可以帮你快速生成项目开发骨架,不同于 vue-cli
,yipack
不会给你太多选择。yipack
崇尚的是【约定大于配置】的开发理念,所有的一切,都已经准备好了。
yipack
的定位,介于 vue-cli
这种没有明确的,比较自由的项目组织结构开发方式和 vue-element-admin
这种拿来就用,无需重头写页面代码和数据对接逻辑的项目成品之间的 vue 项目开发 脚手架
,旨在提供规范度更高的开发方式和更为自由的代码管控工具。
yipack
致力于解决中小型项目的快速开发和维护问题,大型项目请谨慎调研再做决定。
- 约定大于配置,尽量减少选择,提高开发效率、团队合作效率、后期维护效率
- 路由、组件、插件等全面自动加载,免除手动导入
- 命令式一键生成页面和组件相关的文件,无需繁琐且容易出错的手动创建
- 默认多实例
ajax
请求封装,满足多个接口服务器需求,横向扩展更方便 - 精心优化的
webpack
配置,编译项目更快,更高,更强,比vue-cli
搭建同类型项目编译时间快 10 倍 - 自带编译后打包模块分析选项,可快速直观排查发布项目打包问题
- 项目只需安装
vue
,vue-router
,vuex
等项目依赖模块,无需引入 webpack babel 等开发依赖,项目安装启动更快速 - 解决了 vue-cli 二级目录部署相关的一系列问题
- 独创子页面和子视图概念,用以更好地管理项目工程化。
- 路由自动导入
- 全局组件自动导入
- JavaScript 可选链,双问号语法
- yipack.config.js 配置文件
- 多环境编译方案 env
- 浏览器 css 默认重置
- 默认浏览器本地存储方案 basil
- 默认配置淘宝镜像地址
- 子页面、子视图
- 插件和插件自动导入
- eslint 规范
- git 提交代码格式化
- 提供 nodejs 版本切换功能
- 页面级组件功能
- 保留函数的顶层 that
- 设置参数,控制是否 build 去除 console
- 设置常量文件
- rename 命令(完成 50%)
- format 命令(排序 vue 组件的生命周期和属性)
- 页面级接口和通用接口文件 apis
- 基于 element-ui 定制 ypack-ui 框架
- 统一 404 跳转问题
- 国际化方案和国际化自动导入
- yipack vscode 插件
- 更换主题
- 实现 yipack update 命令,更新项目结构等
- 项目模板的 commit 标准化
- css 模块化方案 (采用双层 style 方案)
- css 验证检查方案
- 多页面方案
- 自动化测试
- 默认提供 path 模块(path-browserify)
- build 输出美化
- 进一步优化打包输出文件
- yipack readme 命令,一键生成说明文档
- yipack-lib 工具库
- 通过摇树可以把 yipack-cli 所有依赖摇出来变成一个库吗?
项目相关讨论交流,请添加作者微信 c91374286
入群。
本项目完全开源,用爱发电。如有公司想进行赞助合作并进行广告曝光,请添加作者微信 c91374286
详谈。
如本项目对同学们的开发和公司的业务开发有帮助,想对作者进行捐助,支持本项目创作的,请添加作者微信 c91374286
或扫下方二维码。