diff --git a/README.md b/README.md index daf6dd5e018bcdc0d2cba0f9c1bfc01c88d140f5..40f9ecd58a531128d6efbcbd4ca4d96a139aebe1 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ -## 前言 +# 前言 -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的理解