前端開發大殺器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大體有的都有。
通常項目須要集成的都添加了，這些就看反饋了，想要了解的我再出教程好了。

公衆號

今天新開通的公衆號，但願你們多多關注。
也許你會成爲咱們的第一位成員。