Skip to content

moedong/vue-wfcast

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue-wfcast

这是基于vue2 + vue-router2 + vuex + axios 仿(中国天气预报)的一个webapp项目!主要想借此项目来学习vue,觉得光是看理论和别人的文章总结对vue理解感觉是一知半解,不够深刻。所以找网上找了相关的资料,自己动手写了这个demo, 页面的数据是通过调用接口和页面爬取回来的,页面icon和数据保持和线上的一致,如有冒犯请告知,项目仅供参考学习。

参考资料列表

部分截图

主页 主页 主页

我的关注

我的关注

城市切换

详细空气指数

项目地址:(git clone

git clone https://github.com/moedong/vue-wfcast.git

安装

npm install

运行

npm run dev

发布

npm run build

技术栈

在此DEMO中使用了一下技术

  • vue2
  • vue-router2
  • vuex
  • webpack2
  • es6
  • axios
  • cheerio
  • echarts

目录结构

.
├── README.md           
├── build              // 构建服务和webpack配置
├── config             // 项目不同环境的配置
├── dist               // 项目build目录
├── index.html         // 项目入口文件
├── package.json       // 项目配置文件
├── src
│   ├── assets         // css js 和图片资源
│   ├── components     // 各种组件
│   ├── libs           // 组件的公用模块
│   ├── router         // 存放路由的文件夹
│   ├── vuex          // 状态管理文件夹
│   ├── App.Vue        // 模板文件入口
│   └── main.js        // Webpack 预编译入口
│   

感谢

如果对于您有帮助 ,麻烦您使劲的给个Star吧 ! ^_^

About

基于vue2 + vue-router2 + vuex + axios 的天气预报小项目

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors