Skip to content

Latest commit

 

History

History
80 lines (58 loc) · 3.34 KB

README.md

File metadata and controls

80 lines (58 loc) · 3.34 KB

vuePro-demo

练习项目基本是用vue2和vue-router2来实现的,满多地方可以填坑的。欢迎交流学习,使用的页面完全来自“草根金融/宋江贷”APP,所以请勿用于商业或公司项目。

线上访问地址:https://jingjingke.github.io/vuePro-demo/dist/

使用

(1)克隆项目

		git clone https://github.com/jingjingke/vuePro-demo.git

(2)安装node_modules文件夹:

		npm install

或去我的百度网盘获取rar压缩包点击这个地址

【2017.03.03】这个rar压缩包已经不是最新了,如果继续使用的话,还需要执行一次npm install

(3)开发,输入命令行

		npm run dev

(4)发布,可输入命令行

		npm run build

注意:【生产环境】在根目录config/index.js文件中build对象'assetsPublicPath'属性 我填写的是我当前的线上资源需放置的地址:'https://jingjingke.github.io/vuePro-demo/dist/' (根据你的资源位置填写相应的值,默认值可能会出现生产环境资源404-url不正确的情况)

前置知识

开发中使用了vue-cli(webpack包)、vue2、vue-router2、vuex2以及部分ES6语法(箭头语法)。建议阅读:

vue2中文指南:http://cn.vuejs.org/v2/guide/

vue-router2:http://router.vuejs.org/zh-cn/index.html

vuex指南开始:http://vuex.vuejs.org/zh-cn/intro.html

另外可查看vue2中文指南上面的例子汇总(只整理了部分,方便我自己使用而做的),点击查看

目录结构


├── build                    // webpack打包配置(不说明它下面的文件)
├── config                   // webpack环境配置(不说明它下面的文件)
├── dist                     // 运行build后生成目录(存放需要的发布代码)
├── src                      // 生产目录(着重说明)
│   ├── assets               // 静态资源(css,font,img,js)
│   ├── components           // vue组件
│   ├── config               // Vue全局方法/过滤器
│   ├── data                 // 数据文件(json)
│   ├── views                // 业务页面
│   ├── main.js              // 项目入口文件
│   └── router.js            // 路由配置
├── .babelrc                 // babel工具配置
├── .editorconfig            // 编码风格配置(不太影响开发)
├── .gitignore               // git项目忽略上传的文件/文件夹配置
├── .project                 // 我编辑器生成的,对项目无用
├── README.md                // 说明文档
├── _config.yml              // git pages选择风格生成的
├── package.json             // 项目配置信息

项目截图

项目首页截图1 项目首页截图2 项目首页截图3 项目首页截图4