2019新冠病毒感染数据

发布于 2020-04-09  161 次阅读


本项目是开源项目,不得拿来商业化(小心打脸)
我看三楼好像没有教vue的,就过来蹭一下[滑稽][滑稽]

需要道具:
1.一颗聪明的脑子
2.一台电脑(没电脑用服务器也行)

教程:
1.下载源码
蓝奏云:https://www.lanzous.com/ib1xyrg
放置桌面(记得路径就行)

2.安装node.js
百度搜node.js官网,下载安装包并安装,检查安装成功没,可以打开cmd输入node -v和npm -v(图1和图2)

2019新冠病毒感染数据插图
2019新冠病毒感染数据插图(1)

3.安装手脚架
安装webpack
npm install webpack -g

2019新冠病毒感染数据插图(2)

安装vue-cli
npm install vue-cli -g
看图三和图四

2019新冠病毒感染数据插图(3)

4.下载依赖
输入
cd desktop/项目文件夹
输入
npm install 安装完见图五

2019新冠病毒感染数据插图(4)

5.运行项目(可省去)
输入
npm run dev
复制给你的网址,在浏览器打开就行了,见图六

2019新冠病毒感染数据插图(5)

6.编译项目
输入
npm run build
打包完成后项目文件夹会生成一个dist文件,扔进服务器里面就能访问了。(见图七和图八)

2019新冠病毒感染数据插图(6)

成品:http://ncov.earthsdk.com/#/flatmap/china

2019新冠病毒感染数据插图(7)

制作不易,拿走留言

(服务器的教程和这个差不多,人多的话我出一个服务器的教程)

最后,为生者祈福,为逝者默哀。


一个爱好捣鼓网站的男孩纸!