Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
momo的小宝贝
vue2-elm
提交
1f190a6a
V
vue2-elm
项目概览
momo的小宝贝
/
vue2-elm
与 Fork 源项目一致
从无法访问的项目Fork
通知
2
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue2-elm
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
1f190a6a
编写于
1月 16, 2017
作者:
M
maguohua
浏览文件
操作
浏览文件
下载
差异文件
Merge branch 'master' of
https://github.com/bailicangdu/elm
上级
cfd23a2c
323ffba9
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
14 addition
and
9 deletion
+14
-9
README.md
README.md
+14
-9
未找到文件。
README.md
浏览文件 @
1f190a6a
#
#
前言
# 前言
vue2的发布后自己也研究了一段时间,奈何公司的技术栈是以react为主,没有机会好好利用vue2去做一个完整的项目。虽然写了几个demo,但和写一个完整的项目还是有很大差别的。于是自己想着用空余的时间写一个项目,选择了饿了么
web端
也只是因为经常用,熟悉它的布局。之前的饿了么官网是用angular1写的,最近才发现原来这段时间改成了vue1,看来饿了么也入了vue的坑。
vue2的发布后自己也研究了一段时间,奈何公司的技术栈是以react为主,没有机会好好利用vue2去做一个完整的项目。虽然写了几个demo,但和写一个完整的项目还是有很大差别的。于是自己想着用空余的时间写一个项目,选择了饿了么也只是因为经常用,熟悉它的布局。之前的饿了么官网是用angular1写的,最近才发现原来这段时间改成了vue1,看来饿了么也入了vue的坑。
首先遇到的问题当然是跨域,我们启动本地服务器是获取不到官网数据的,这是跨域的。当然解决的方法很多,jsonp,nginx反向代理,webpack-dev-server的proxy。这里我用的是 http-proxy-middleware 其实它们的原理是一样的。
...
...
@@ -9,10 +9,10 @@ vue2的发布后自己也研究了一段时间,奈何公司的技术栈是以r
__注:此项目纯属个人瞎搞,正常下单请选择饿了么官方客户端。__
#
#
技术栈
vue2 + vue-rotuer2 + vuex2 + webpack + ES6/7 + fetch + sass + flex + http-proxy-middleware反向代理
# 技术栈
vue2 + vue-rotuer2 + vuex2 + webpack + ES6/7 + fetch + sass + flex +
svg +
http-proxy-middleware反向代理
#
#
目标功能
# 目标功能
-
[x] 定位功能 -- 完成
-
[x] 选择城市 -- 完成
-
[x] 搜索地址 -- 完成
...
...
@@ -35,7 +35,7 @@ vue2 + vue-rotuer2 + vuex2 + webpack + ES6/7 + fetch + sass + flex + http-proxy-
说明:因为并不是elm官方,而且因为要开代理,必须在pc端打开,所以预计最多只能做到下单这一步,下单成功后可以在手机客户端查看并付款。
#
#
项目布局
# 项目布局
```
|-- build // webpack配置文件
|-- config // 项目打包路径
...
...
@@ -101,7 +101,7 @@ vue2 + vue-rotuer2 + vuex2 + webpack + ES6/7 + fetch + sass + flex + http-proxy-
#
#
项目运行
# 项目运行
```
克隆,或者直接下载
git clone https://github.com/bailicangdu/vue2-elm.git
...
...
@@ -113,7 +113,7 @@ cd vue2-elm
npm install
```
##
#
编译环境
## 编译环境
```
开启本地服务器
...
...
@@ -123,7 +123,7 @@ npm run dev
```
##
#
线上版本
## 线上版本
```
npm run build
...
...
@@ -131,3 +131,8 @@ npm run build
```
# 个人感悟
ps:每次做完一个完整的项目总会试着去总结问题和心得,有些知识点似乎懂了,但是写出来的时候发现好多地方仍然没有理解,写出来能够加深印象,万一哪天忘了某些知识也可以回来看看,希望自己可以坚持写下去。
## 对vue的理解
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录