Home

Awesome

vue-weather

基于vue.js 2.0的百度天气应用。

说明

在看完两遍完官方文档之后仍然感觉云里雾里,知其然不知其所以然。请教了高手之后人家都说学习新东西的最好方法不就是学到了之后就要用么。边学边用,根据项目需要学才是最快上手的,但有没有什么适合新手的项目参考,想了几天打算用vue来仿一个简单的天气应用,于是就出现了这个小应用,巩固所学。项目适合刚学完vue想实践的新手,高手略过吧!

技术栈

运行环境

nodejs 6.0 稳定版 npm 3.10

安装

git clone https://github.com/alanWongsGithub/vue-weather.git

cd weather/

npm install

运行

npm run dev

上线

npm run build

将huild之后的vue-weather/目录上传至服务器

cd vue-weather/

//用node启动:

node server.js

//用pm2管理启动:

pm2 start server.js

//用forever管理启动

forever start server.js

在线演示

然后

本项目用于刚上手vue 2.0文档想找项目尝尝鲜的coder。

由于使用的免费天气API数据过于简单,导致某些功能只能自己实现或者未开发,比如日落日出时间,当然也可以计算自己实现,稍复杂。

开发环境为 windows 7 Chrome 57 node 6.10.1。

实现功能

效果截屏

主界面

home

loading

界面功能

home

城市列表

home

城市列表选择设置

home

八种纯CSS天气图标

home homehome homehome homehome home