从0开始搭建vue + flask 旅游景点数据分析系统（一）：创建前端项目

基于scrapy爬取到的景点和评论数据，本期开始搭建一个vue+flask的前后端分离的数据分析系统。
本教程为麦麦原创，也可以去B站找我 👉🏻 我的空间

🧑‍🎓 前置课程

🕸 scrapy实战 爬取景点信息和评论

📊 教程目录

📺 视频地址: 制作中
🖋 从0开始搭建vue + flask 旅游景点数据分析系统（一）：创建前端项目
🖋 从0开始搭建vue + flask 旅游景点数据分析系统（二）：搭建基础框架
🖋 从0开始搭建vue + flask 旅游景点数据分析系统（三）：开发header部分
🖋 从0开始搭建vue + flask 旅游景点数据分析系统（四）：编写前端首页【数据驾驶舱】
🖋 从0开始搭建vue + flask 旅游景点数据分析系统（五）：【用户管理页面、 景点管理页面、个人设置页面编写】
🖋 从0开始搭建vue + flask 旅游景点数据分析系统（六）：搭建后端flask框架

1 通过这个系列教程可以学习到什么？

✅ 从0开始搭建一个 vue + flask 的数据分析系统；
✅ 了解系统的整体架构，前后端交互、 后端与数据库的交互方式；
✅ 几种常用的 echarts 图形的如何使用；
✅ element-ui 搭建管理程序布局风格的系统；
✅ flask 后端框架作为服务端使用；
✅ 推荐算法的集成（如果时间安排来得及的话）；

2 构建前端项目

我们的前端项目名称就叫tour-vue

npm install -g @vue/clivue create tour-vue

我们选择vue2的版本，然后等待它的安装

3 运行前端程序

使用webstorm打开项目tour-vue

直接在terminal里执行

npm run serve

或者是点击package.json中的serve旁边的绿色按钮就可以运行项目，在浏览器的localhost:8080中就可以查看到这个系统运行的情况了

运行效果如下：

4 移除ESlint

为了方便开发，我们删除ESlint，这个东西会经常提示我们编写的代码不规范，目前阶段我们不需要这个。
为了方便开发，我们删除ESlint，这个东西会经常提示我们编写的代码不规范，目前阶段我们不需要这个。

npm uninstall eslint eslint-plugin-vue @vue/cli-plugin-eslint