怎样搭建h5开发环境

时间:2022-07-22 06:59:14

学习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
 
   /\\\\\\\\\\\\\\\  /\\\\\\\\\\\     /\\\\\\\\\\\
   \/\\\///////////  \/////\\\///    /\\\/////////\\\
    \/\\\                 \/\\\      \//\\\      \///
     \/\\\\\\\\\\\         \/\\\       \////\\\
      \/\\\///////          \/\\\          \////\\\
       \/\\\                 \/\\\             \////\\\
        \/\\\                 \/\\\      /\\\      \//\\\
         \/\\\              /\\\\\\\\\\\ \///\\\\\\\\\\\/

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

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