|
|
@@ -1,84 +1,36 @@
|
|
|
# vue-sell
|
|
|
+Vue.js 高仿饿了么外卖 App 课程源码，课程地址： http://coding.imooc.com/class/74.html
|
|
|
|
|
|
-> A Vue.js project
|
|
|
+本源码基于 GPL 协议，仅仅用于 Vue 实战项目的学习，不可作为商业用途。
|
|
|
+我们抵制和鄙视一切盗版侵权行为，请尊重作者的劳动果实！
|
|
|
|
|
|
-## Build Setup
|
|
|
+[项目演示地址](http://ustbhuangyi.com/sell/)
|
|
|
|
|
|
-``` bash
|
|
|
-# install dependencies
|
|
|
-npm install
|
|
|
+
|
|
|
|
|
|
-# serve with hot reload at localhost:8080
|
|
|
-npm run dev
|
|
|
+## 你可以学到什么
|
|
|
+我们可以通过一张图来认识一下本课程的知识结构
|
|
|
|
|
|
-# server at localhost:8088
|
|
|
-npm run server
|
|
|
+
|
|
|
|
|
|
-# build for production with minification
|
|
|
-npm run build
|
|
|
+## 如何学习
|
|
|
+请从正规渠道购买本课程的教学视频： http://coding.imooc.com/class/74.html。
|
|
|
+你还可以加入课程讨论群，与同学一起讨论问题，还可以得到我的亲自指导。
|
|
|
|
|
|
-# build for production and view the bundle analyzer report
|
|
|
-npm run build --report
|
|
|
-```
|
|
|
+## 适合人群
|
|
|
+适合有一定 Vue.js 和前端基础知识并且想深入学习 Vue.js 并运用在实战项目的同学。
|
|
|
|
|
|
-## 更新内容
|
|
|
+## TODO
|
|
|
+~~由于本课程录制时间较早，编写代码的时候 Vue.js 2.0 还未正式发布，所以源码采用 1.0 编写，后续会更新到 2.0 版本。~~
|
|
|
|
|
|
-``` bash
|
|
|
-# 1.安装vue-resource better-scroll
|
|
|
-cnpm install vue-resource better-scroll --save
|
|
|
+master 代码已经升级到最新 Vue.js 2.1.10 版本，如果想查看 1.0 版本的代码可以切换到 1.0 的代码分支。
|
|
|
|
|
|
+## Vue.js 进阶
|
|
|
|
|
|
-# 2.安装stylus stylus-loader
|
|
|
-cnpm install stylus stylus-loader --save-dev
|
|
|
+如果想在 Vue.js 的方向进阶，学习更加复杂的项目开发的同学。可以关注我的新课程：http://coding.imooc.com/class/107.html
|
|
|
|
|
|
+[项目演示地址](http://ustbhuangyi.com/music/)
|
|
|
|
|
|
-# 3.build目录webpack.base.conf.js 修改alias为
|
|
|
- {
|
|
|
- 'src': path.resolve(__dirname, '../src'),
|
|
|
- 'common': path.resolve(__dirname, '../src/common'),
|
|
|
- 'components': path.resolve(__dirname, '../src/components')
|
|
|
- }
|
|
|
+
|
|
|
|
|
|
-# 4.修改.eslintrc.js 添加规则
|
|
|
- 'semi': ['error', 'always'],
|
|
|
- 'no-tabs': 0,
|
|
|
- 'indent': 0,
|
|
|
- 'space-before-function-paren': 0
|
|
|
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-# 5.http://eslint.org/docs/rules/no-multiple-empty-lines Too many blank lines at the end of file. Max of 0 allowed src\App.vue:52:1 App.vue报错
|
|
|
-
|
|
|
-.eslintrc.js 添加规则
|
|
|
- 'no-multiple-empty-lines': ["error", { "max": 2, "maxBOF": 1}]
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-# 6.修改config目录下的index.js文件
|
|
|
-
|
|
|
-设置代理
|
|
|
- proxyTable: {
|
|
|
- '/api': 'http://localhost:8088'
|
|
|
- },
|
|
|
-修改host: '0.0.0.0'
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-# 7.修改dev-server.js文件，现在只负责后端数据的传输
|
|
|
-删除webpack依赖，修改port为8088
|
|
|
-
|
|
|
-
|
|
|
-# 8.路由栏 商品 评论 商家 的下划线消失了
|
|
|
-修改App.vue文件样式 .tab 下 将
|
|
|
-border-1px(rgba(7, 17, 27, 0.1))
|
|
|
-移到注释
|
|
|
-//border-bottom: 1px solid rgba(7, 17, 27, 0.1)
|
|
|
-之前
|
|
|
-解决问题
|
|
|
-
|
|
|
-
|
|
|
-# 9.从App.vue提取路由 单独放到router的index.js中
|
|
|
-```
|
|
|
-
|
|
|
-For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
|
Junx Liu