Skip to content
Allen edited this page Jun 23, 2016 · 2 revisions

安装 Her 工具

npm install her -g # or sudo npm install her -g

安装完成执行 her -v 查看版本

logo

如果出现如上述 logo 图片,恭喜你,你已经安装成功了。

下载示例代码并安装依赖

git clone https://github.com/hao123-fe/her-website.git
cd her-website
npm install

项目代码目录目录结构

home # 模块名
  |- lib          (前后端运行时代码目录,即 her-runtime)
  |- page         (页面模板目录)
  |- static       (静态资源目录)
  |- widget       (模块化资源目录)
  |- fis-conf.js  (构建工具配置文件)

在本地访问预览项目

安装本地 server

如果需要本地浏览项目,需要安装 java 和 php-cgi 环境,[安装方法](http://fex.baidu.com/fis-site/docs/api/cli.html#fis server [options])

初始化 server,在任意目录执行:

her server init # 下载 smarty rewrite 模块等
her server start --type php

浏览器将打开 http://127.0.0.1:8080 ,即可本地预览。执行 her server open 命令可以查看服务器目录及文件

发布项目到本地

在项目目录(her-website)执行:

npm start

或者手动发布

cd home # 项目代码目录
her release -c

启动文件监听

在项目代码目录中执行:

her release -cw 

即可进入文件监听模式。修改项目中的代码并保存,将自动发布,以提高开发效率。

发布项目到生成环境

在项目目录中执行

her release -opd ../output 

该命令会对项目进行压缩、请求合并与css雪碧图处理,并将结果发布 ../output目录中,这个目录下的文件即可部署上线了

release 命令始终会有一个发布路径,该路径的缺省值为 server 的调试目录,省略 -d 参数 her 会将构建后的代码发布到默认的调试目录,否则会发布到 -d 参数指定的目录下。