您的位置:首页 > Web前端 > HTML5

怎样搭建h5开发环境

2017-03-01 09:27 197 查看
学习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

 

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

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

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

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

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

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

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

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

          \///             
\///////////   
\///////////
以上是我的一些总结,自己也是刚接触,就算是一个笔记吧,希望能帮到有需要的人。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  h5 开发环境