hz-cli

hz-cli 使用说明 (新建项目使用)

1. 使用前需要安装git。

2. 全局安装hz-cli npm install hz-cli -g 请安装最新版本。

3. 命令参数，统一hz 命令格式(注意带空格)，命令:

   <arg>为必填参数，[arg]为可选参数，-option为设置选项

   • hz init <项目名> [模板名] 初始化项目，自动下载webpack模板(模板目前只有html，之后会扩展vue及react等)，可不填写模板名称。
     • 例如:hz init myProject hz-webpack-html
   • hz page <页面名>生成页面，目前只能生成html(ejs or pug)&sass页面，后续会同样支持vue，react等单页面扩展。
     • -r 自动添加rem布局相关辅助函数
     • -m 自动添加移动端meta标签
     • 例如:hz page myPage -r
   • hz publish [项目名称] 上传项目。如果不加项目名，则自动读取当前项目名称。如果不加参数，可在项目的config/config.jsftp属性修改相应设置。优先级为:参数设置>config设置>默认设置
     • -l <本地项目路径> 手动设置dist文件夹目录(相对于项目根目录)日，默认dist。
     • -r <FTP上传目录> 手动设置远程文件夹目录(相对于FTP根目录)，默认Content_activty/2017活动目录
     • -h <host> ftp地址
     • -u <用户名> ftp用户名
     • -p <密码> ftp密码

注意：使用hz page命令时:

1.当前脚手架生成页面时，会自动生成页面名.ejs 页面名.scss 页面名.js。当页面不需要js时或者js是已经写好的文件只需引入时，可以将js文件删除，打包时将不会自动生成页面的js文件。

2.只要在./src/pages/文件夹中，页面位置可以随便放置。但必须注意一点!.ejs与同名的.js (入口文件)必须在同一级目录。

TODOLIST

• -f 强制上传，当重复时直接覆盖。
• -a 在上传时自动打包当前项目。