当前位置: 首页 > 工具软件 > yipack-cli > 使用案例 >

yipack (易打包) 一个vue单页应用开发脚手架

艾英范
2023-12-01

# yipack (易打包)

 

> 一个神奇的 vue.js 单页应用,项目开发脚手架

 

## 仓库

 

[码云](https://gitee.com/banshiweichen/yipack-cli)

 

[github](https://github.com/chenbimo/yipck-cli)

 

喜欢的同学请点个star,您的支持就是我最大的动力。

 

## 概述

 

`yipack` 可以帮你快速生成项目开发骨架,不同于 `vue-cli`,`yipack` 不会给你太多选择。`yipack` 崇尚的是【约定大于配置】的开发理念,所有的一切,都已经准备好了。你所需要做的就是——撸起袖子加油干!

 

## 定位

 

`yipack` 的定位,介于 `vue-cli` 这种没有明确的,比较自由的项目组织结构开发方式和 `vue-element-admin` 这种拿来就用,无需重头写页面代码和数据对接逻辑的项目成品之间的项目开发 `脚手架`。旨在提供规范度更高的开发方式和更为自由的代码管控工具。

 

## 声明

 

`yipack` 致力于解决中小型项目的快速开发和维护问题,不建议大型项目使用,请谨慎调研再做决定。

 

## 特性

 

-   约定俗成的项目结构和配置,尽量减少选择,提高开发效率和团队合作效率。

-   约定俗成的路由组织方式,无需进行手动路由引入,默认自动加载。

-   命令式一键生成页面和组件相关的文件,无需手动创建。

-   默认多实例`ajax`请求封装,满足多个接口服务器需求,横向扩展方便。

-   默认支持【可选链】和【双问号】JavaScript特性,无需再配置。

-   默认支持模块热加载,提高开发效率,减少编译时间。

-   精心优化的`webpack`配置,编译项目更快,更高,更强,比`vue-cli`搭建同类型项目编译时间快10倍。

-   提供`yipack.config.js`开发配置文件,自由随心,满足特定需求。

-   自带编译后打包模块分析选项,可快速直观排查发布项目打包问题。

-   真*脚手架。项目只需安装`vue`,`vue-router`,`vuex`等项目依赖模块,无需引入webpack babel等开发模块,瞬间安装。

-   项目组织干净,整洁,坚决抵制乱七八糟的模块导入和配置。

-   提供开发环境和发布环境变量文件,无需手动管理开发环境和发布环境的请求地址等相关问题。

-   默认提供全局的vuex存储方法,一个方法,搞定所有的vuex数据存储问题。

-   项目模板自带浏览器存储封装,可直接在浏览器存取对象。

-   默认已配置好浏览器差异重置,无需再重置css。

-   默认已配置css兼容性前缀,js转译ES5,放心写业务代码即可。

 

## 社区

 

项目相关讨论交流,请添加作者微信 `c91374286` 入群。

 

## 捐赠

 

本项目基于 `MIT`协议,完全开源,用爱发电。如有公司想进行赞助合作并进行广告曝光,请添加作者微信 `c91374286` 详谈。

 

如本项目对同学们的开发和公司的业务开发有帮助,想对作者进行捐助,支持本项目创作的,请添加作者微信 `c91374286` 或扫下方二维码。

 

| 支付宝收款码                                                                          |                      | 微信收款码                                                                          |

| ------------------------------------------------------------------------------------- | -------------------- | ----------------------------------------------------------------------------------- |

| ![支付宝](https://chensuiyi-com-1251319172.cos.ap-guangzhou.myqcloud.com/alipay2.png) | 为中华之崛起而奋斗! | ![微信](https://chensuiyi-com-1251319172.cos.ap-guangzhou.myqcloud.com/wechat2.png) |  |

 

 类似资料: