怎样搭建h5开发环境

学习h5前需要先搭建开发环境，下面就简单的描述一下我自己搭建过程。

1.   下载与安装webstorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为"Web前端开发神器"、"最强大的HTML5编辑器"、"最智能的JavaScript IDE"等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

官方下载地址：https://www.jetbrains.com/webstorm/  。官网的需要付费。也可以下载破解版，下载地址：http://pan.baidu.com/s/1dEFepax  。破解版需要用到注册码，获取的地址有：http://idea.lanyus.com/  。http://idea.qinxi1992.cn/ 。http://www.lofter.com/tag/webstorm。安装是比较容易的，提醒需要以管理员身份运行下载的安装文件，中间除了用到一次注册码，其余只要next就行了。

2.   下载安装node.js

简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。 Node.js的包管理器 npm，是全球最大的开源库生态系统。

官方下载地址：https://nodejs.org/en/ 。安装也是比较容易的，基本一直点击next就行。安装要需要检测一下，检测PATH环境变量是否配置了Node.js，点击开始=》运行=》输入"cmd" => 输入命令"path"，输出如下结果：我们可以看到环境变量中已经包含了*:\***\nodejs\ ，这样就算可以了。

3.   通过npm安装fis3,和其他一些插件；

开始=》运行=》输入"cmd" => 定位到npm的路径=>输入命令” npm install-g fis3”即可。（-g 安装到全局目录，必须使用全局安装，当全局安装后才能在命令行（cmd或者终端）找到 fis3 命令）安装完成后执行“ fis3 –v” 判断是否安装成功，如果安装成功，则显示类似如下信息：（其他的插件安装也与步骤3类似）

[INFO] Currently running fis3 (/Users/Your/Dev/fis3/dev/fis3)

  v3.0.0

   /\\\\\\\\\\\\\\\  /\\\\\\\\\\\     /\\\\\\\\\\\

   \/\\\///  \/\\\///    /\\\/\\\

    \/\\\                 \/\\\      \//\\\      \///

     \/\\\\\\\\\\\         \/\\\       \////\\\

      \/\\\///          \/\\\          \////\\\

       \/\\\                 \/\\\             \////\\\

        \/\\\                 \/\\\      /\\\      \//\\\

         \/\\\              /\\\\\\\\\\\ \///\\\\\\\\\\\/

          \///              \///    \///

以上是我的一些总结，自己也是刚接触，就算是一个笔记吧，希望能帮到有需要的人。