Webstrom部署SVAGPlayer-Web项目步骤

一、Webstorm工具导入SVGAPlayer-Web项目

1、File–>Open–>git拉取后项目存放的路径，项目就加载进工具里了。

2、SVGAPlayer-Web/packag.json文件上鼠标右键，
show npm scripts–>即打开了test界面，双击start
(由于配置文件和工具版本的关系，这里start和build可能不太一样),
等待项目响应。



另外，也可以通过Edit的方式配置，跟idea配置tomcat的方式一样。


3、如果http-server已经安装过，则启动成功，第二步不用看，
反之，执行第二步。


二、开启http -server服务
1、安装过node.js后，以系统管理员的身份，在cmd命令行窗口里执行以下命令：
npm i http-server -g
安装过淘宝镜像的，可以用下面这条命令，速度更快，
cnpm i http-server -g
安装http-server服务。

2、http-server -a 127.0.0.1 -p 8080
默认是8080，如若修改执行此条语句，
避免node.js服务器与tomcat服务器端口冲突。
（例如：http-server -a 127.0.0.1 -p 8090）

3、SVGAPlayer-web/package.json文件里访问【路径：端口】,
改为http-server 开启的路径。
（ 例如：
“scripts”: {
“start”: “http-server ./ & webpack -w & open http://127.0.0.1:8080/tests/”,
“build”: “webpack”
},）

4、浏览器访问测试文件
注意：浏览器里要访问具体的*.html，不然访问不到。
(例如：http://127.0.0.1:8080/tests/createjs.html)


END：Congratulation