基于Vue2.0+vuex+vue-router+axios+less的图片社交分享App
Switch branches/tags
Nothing to show
Clone or download
Latest commit d597554 Mar 12, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
api add detail mock data Apr 21, 2017
build delete favicons-middleware.js Mar 18, 2017
config 抽取info组件的bottom为单独组件 Feb 18, 2017
screenshots add screenshots Mar 3, 2017
src modify switchbutton May 25, 2017
static Add font Feb 8, 2017
.babelrc Init project Dec 28, 2016
.editorconfig Init project Dec 28, 2016
.gitignore Init project Dec 28, 2016
README.md Modify Readme Mar 12, 2018
favicon.ico Modify README Jan 29, 2017
index.html 导入字体图标文件并添加header组件 Jan 31, 2017
package.json use element ui Mar 20, 2017

README.md

TimeCat

【此处留白】 - 图片社交分享App

技术栈

前端:Vue2 + Vuex + Vue-Router2 + Axios + Webpack + ES6/7 + Less + ElementUI

传送门

如果你正在学习React,这里有一个关于React的Demo

项目安装

# clone或者download项目
git clone https://github.com/hicoldcat/TimeCat.git

# 进入项目文件夹
cd TimeCat

# 安装依赖
npm install

项目运行

# serve with hot reload at localhost:8080
npm run dev

项目编译打包

# build for production with minification
npm run build

项目结构

|-- api                            // 项目接口定义
|
|-- build                            // webpack配置文件
|
|-- config                           // 项目配置文件
|
|-- dist                            // 项目打包文件
|
|-- timecat                          // 上线项目文件,放在服务器即可正常访问
|
|-- screenshots                      // 项目截图
|
|-- src                              // 源码目录
|   |-- assets                       // 项目公共资源
|   |-- components                   // 组件库
|   |-- pages                        // 项目页面模块
|   |-- router                       // 路由文件
|   |-- service                      // Mock数据
|   |-- store                        // vuex的状态管理
|   |-- style                        // 各种样式文件
|   |-- App.vue                      // 页面入口文件
|   |-- main.js                      // 程序入口文件,加载各种公共组件
|
|-- static                          //一些静态资源,不会被webpack编译
|
|-- .babelrc                         // ES6语法编译配置
|-- .editorconfig                    // 代码编写规格
|-- .gitignore                       // 忽略的文件
|-- favicon.ico                      // 页面左上角小图标
|-- index.html                       // 入口html文件
|-- package.json                     // 项目及工具的依赖配置文件
|-- README.md                        // 说明

项目说明

项目是做一个基于vue全家桶的移动端图片分享app的Demo

项目风格

简约 文艺 清新

项目截图

【片刻留白】---每日分享模块[daily]

【回声留白】---音乐分享模块[vocality]

【字符留白】---随笔分享模块[essay]

【半步留白】---游记分享模块[travels]

贡献

本人前端小菜鸟一枚,如果有任何的问题,欢迎给我提issue

如果此项目对你有帮助,可以给个star哦