关于项目的运行、开发和部署工作（交接）

写这个东西最主要是为了交接，因为我也是菜鸡，所以估计很多操作有冗余或者根本是错的=-=，如果接手的人发现了错的话记得提醒我下~~~~~~

关于运行

github上找到分支pan

pan分支

download这个工程，可以download zip或者git clone，自行选择。

打开后工程目录应该如下（如果你不能关联到这个仓库，请先rm -rf本地文件夹里所有.git文件 防止后期push时乱七八糟 这个部分网上教程较多 关于git的知识可以问李闰民or张梓健）

整个前端工程的根目录

其中/node_modules是一些依赖文件（如果有问题的话，建议不下载这个文件夹，直接在根目录运行npm install相关指令下载依赖），/dist是打包后也就是npm run build后可以放到服务器上的文件。/public是一些静态文件。/server是我本来用nodejs写的express的服务器，现在已经不用了，不用管这个文件夹。/src文件夹是我们开发最经常用的文件夹，页面、组件、请求都在这个文件夹里。

开发的时候我们一般用本地测试，如果要在本地测试（localhost），可以（1）先将vue.config.js删掉（但请记得备份），关于vue.config.js稍后详细介绍他的配置。（2）package.json里面要修改两行命令：

package.json

将圈红部分的--host 0.0.0.0删掉（网上教程有说可不删，但不知道为什么我不删基本上没成功过...你可以测试下。）（3）/src/router.js文件要修改，注释我都写得很清楚，需要使用的时候更改下注释即可。

router.js

另外，向后端发送请求设置后端url的文件在/src/api/url.js里，关于开发、生产和测试模式请自行了解区别。

url.js

这之后，你可以使用npm run serve来运行这个项目。（前提是，你已经安装了所有依赖。）

关于开发

整个前端项目是以vue.js+element ui来构建的。

src文件夹

其中，views文件夹中包含的是主页面。也可以说是父组件，vue.js只有index.html一个html，然后views里面新建的都是vue component。

src/views文件夹

其中index.vue是搜索主页面，login.vue/register.vue实现注册登录功能，showstock.vue实现展示机器预测的明日结果，userPredicted.vue实现的是展示用户预测+机器预测+实际结果的页面。基本上每个vue包括三部分