前端开发大杀器hey-cli，全局支持vue react es6开发部署

前端脚手架

其实，这是一个集成的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: github.com/heyui/hey-c…
npm: www.npmjs.com/package/hey…

文档

英文文档： 点这里
中文文档： 点这里

安装

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
复制代码

vue

vue的simple-webpack项目。可是没有了webpack的一大堆依赖。
依赖包: vue

cd vue
npm install
hey dev
复制代码

heyui

咱们的主打产品啦，直接从官网的demo上面拷贝了form的案例。
其实这里使用了hey-cli的一个特性：globalVars: './src/css/var.less'，这样的配置可让你在因此的less文件中使用这些全局变量，包括vue文件中的<style lang='less'>中。
依赖包: vue, heyui

cd heyui
#安装两个依赖包
npm install
hey dev
复制代码

elementui

主要是从Element官网的demo上面拷贝了一些demo。
依赖包: vue, element-ui

cd elementui
#安装两个依赖包
npm install
hey dev
复制代码

iviewui

依赖包: vue, iview

cd iviewui
#安装两个依赖包
npm install
hey dev
复制代码

react

其实react使用的是ant design的项目作示例的，用的就是入门文档的第一个demo。
react须要在hey.conf.js中添加react: true的配置项。
依赖包: react, moment, antd, react-dom

cd react
npm install
hey dev
复制代码

好吧，这些项目都介绍完了，之后想要开发什么样的项目，简单就搞起。

功能

至于其余的功能，webpack大体有的都有。
通常项目须要集成的都添加了，这些就看反馈了，想要了解的我再出教程好了。

公众号

今天新开通的公众号，但愿你们多多关注。
也许你会成为咱们的第一位成员。