为进行 IFE 任务搭建基本框架。
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
src
.gitignore
README.md
gulpfile.js
index.html
package.json

README.md

ife-mission-starter

为进行 IFE 任务搭建基本框架。具体的任务连接:

安装步骤

Node.js 的安装

介于今后有可能会用到多个版本的 node.js,我推荐使用 nvm(Node Version Manager)来安装和管理 node:

nvm 安装好后,直接使用以下命令安装 node:

  nvm install latest

安装完成后,通过以下命令确认安装是否成功:

  node --version

项目依赖安装

  npm install

安装中可能会出现一些警告,忽略它们。

运行项目

  gulp watch

使用这个命令后,会在你的默认浏览器上自动开启一个 localhost:3000 窗口,显示的页面为项目 src/ 目录中的 index.html。当你修改 index.html 并保存,浏览器会自动刷新,展现出最新的效果。

用到的工具

基本工具

gulp 插件

gulp 需要用到很多插件,并提供了插件搜索页面方便获取插件。这里使用到的 gulp 插件及版本如下:

  • gulp-htmlminv1.3.0 压缩 HTML 文件;
  • gulp-clean-cssv2.0.3 压缩 CSS 文件;
  • gulp-imageminv2.4.0 压缩图片;
  • gulp-watchv4.3.5 监控文件变化;
  • gulp-cachev0.4.3 在压缩图片处使用,当图片发生变化时才进行压缩;
  • delv2.2.0 在开始任务前将已有的压缩文件删除掉。

JavaScript 处理相关插件: