疫情数据分析平台前端(一):vue平台搭建

本次疫情数据分析平台项目开发中,我负责前端,包括前端ui、前端数据处理以及疫情地图的绘制和展现。该项目以网站为载体,呈现各种数据可视化和预测的结果,数据处理量大,与后端交互频繁,前端数据转换相对较多,因此选择能够轻易实现各种数据绑定以及包含大量插件的vue框架进行开发。

在此我选择使用vue-cli和webpack结合进行创建项目,由于npm在国内连接不稳定,改用cnpm镜像进行各类依赖的安装:

查看版本信息:

疫情数据分析平台前端(一):vue平台搭建_第1张图片

疫情数据分析平台前端(一):vue平台搭建_第2张图片

创建项目后,选择webstorm进行开发。

预先思考本次项目可能需要的依赖有:

1、vuex,可能需要进行前端数据管理

2、element-ui,进行ui组件的引入

3、axios,对ajax的封装依赖,用来请求后端数据

因此在vue项目中的main.js中引入:

(后端地址在开发环境中暂时写成本机的8443端口,以此测试和开发)

疫情数据分析平台前端(一):vue平台搭建_第3张图片

你可能感兴趣的:(疫情数据分析平台,vue.js,前端,javascript)