前端脚手架
其实，这是一个集成的webpack脚手架。
现今网络上，相信关于webpack的配置，大家也看了不少，基本上比较流行的框架大家都推荐使用webpack来开发部署。
前面有vue-cli的工具，后有ant-design的，大家都基本上帮我们把webpack的那一些配置配置好。
可是，这些都存在webpack包信息内容镶嵌在项目内的问题。
这会导致，开发加载的时候需要npm install很久，每一个项目都需要安装所有的webpack, 一大堆loader依赖。
而我的这个脚手架最大的功能就是系统全局安装，几乎可以开发部署所有的线上主流项目。
所有的项目只需要加载自己需要的js依赖，做到一台机器安装，支撑所有的前端项目。
其实这个脚手架，我们已经用了一年了。
真实的感觉就是-很爽~~
但是因为我一直没有什么时间，就没有推广。
年后，终于有一丝丝的时间，可以开心的和大家分享了。
关于hey-cli
其实hey-cli是我们hey家族的主力产品，当然主要还是 heyui 这样的组件库了。
关于hey-cli的介绍，我觉得光说是不行的，所以花了一些时间，整理了hey-cli-template，里面有一些主要的模板，后面我会详细介绍。
首先，我把hey-cli的一些链接放出来：
github: https://github.com/heyui/hey-cli
npm: https://www.npmjs.com/package/hey-cli
文档
安装
npm install -g hey-cli
#开发
hey dev
#部署
hey build
#安装模板
hey init <project-name>
#目前有的项目模板: simple, vue, heyui, elementui, iview, react(ant-design)
模板说明
为什么不说功能，直接从模板开始说起呢，因为，这样才能最大程度说明这个脚手架的功能。
首先你需要，全局安装hey-cli。
npm install -g hey-cli
# new version npm
sudo npm install -g hey-cli --unsafe-perm=true --allow-root
因为，目前这个脚手架没有开始推广，所以对于node的兼容版本检测还没有出，但是主流稳定的版本一般都没有问题，太旧的版本存在一些问题。
如果有人安装出现问题，请及时反馈，十分感谢。
你有两种方式尝试，一个是使用hey init <project-name>命令安装一些喜欢的模板。
还有一种是git clone https://github.com/heyui/hey-cli-template，如果你想尝试所有的项目，可以更快一些。
simple
简单的项目，html会自动引用js与css文件，部署的时候会自动添加hash后缀。
支持ES6。
依赖包：none
cd simple
hey dev
image
vue
vue的simple-webpack项目。但是没有了webpack的一大堆依赖。
依赖包: vue
cd vue
npm install
hey dev
image
heyui
我们的主打产品啦，直接从官网的demo上面拷贝了form的案例。
其实这里使用了hey-cli的一个特性：globalVars: './src/css/var.less'，这样的配置可以让你在所以的less文件中使用这些全局变量，包括vue文件中的<style lang='less'>中。
依赖包: vue, heyui
cd heyui
#安装两个依赖包
npm install
hey dev
image
elementui
主要是从Element官网的demo上面拷贝了一些demo。
依赖包: vue, element-ui
cd elementui
#安装两个依赖包
npm install
hey dev
image
iviewui
依赖包: vue, iview
cd iviewui
#安装两个依赖包
npm install
hey dev
image
react
其实react使用的是ant design的项目做示例的，用的就是入门文档的第一个demo。
react需要在hey.conf.js中添加react: true的配置项。
依赖包: react, moment, antd, react-dom
cd react
npm install
hey dev
image
好吧，这些项目都介绍完了，以后想要开发什么样的项目，简单就搞起。
功能
至于其他的功能，webpack大致有的都有。
一般项目需要集成的都添加了，这些就看反馈了，想要了解的我再出教程好了。
公众号
今天新开通的公众号，希望大家多多关注。
也许你会成为我们的第一位成员。
image
网友评论