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

根据前面的爬虫课程，我们重新开一个坑，就是基于爬取到的数据，搭建一个vue+flask的前后端分离的数据分析系统

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

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

2 构建前端项目

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

npm install -g @vue/cli

vue 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