1、 文档介绍
采用node端http-server作为服务端,引用第三方插件Echarts
2、阅读对象
本篇文章要求开发者熟悉 HTML、JavaScript、CSS、Echarts、Nodejs等开发技术
3、开发环境
node v6.11.0 (win下载、Mac下载)
WebStorm 2017.3 (WebStorm )
4、开发实战
1、 安装http-server
,http-server
是一个基于Node.js的简单零配置命令行HTTP服务器,可以访问本地文件夹里面的内容
npm config get registry //查看自己使用的源
npm config set registry https://registry.npm.taobao.org //切换为国内淘宝镜像源
# 假设不想做切换,可忽略以上操作
npm install -g http-server
启动http-server
命令就是在cmd下直接输入http-server,之后就可以浏览器访问http://localhost:8080.
默认web目录是当前目录
,想改变web目录的话,在命令后面加上本地路径,例如:
# 参数-a是监听地址,而参数-p是修改监听端口。
http-server <path> -a 0.0.0.0 -p 8080