Merge branch 'master' of github.com:liupeijun/vue2-hybridapp-haoshiqi

README.md

@@ -9,21 +9,21 @@
 
 ## 说明
 
->  vue2 + vue-router + vuex + cordova + nodejs 项目实战开发
+>  这个项目是关于 vue2 + vue-router + vuex + cordova + nodejs 的项目实战开发
 
->  所有的数据通过node request 获取的(后台代码详见backend目录)
+>  所有的数据通过node request 获取(后台代码详见backend目录)
 
->  前后端分离的架构设计，配置webpack的反向代理实现前后端数据的通信.（前端代码详见haoshiqi目录）
+>  前后端分离的架构设计，配置webpack-dev-server的反向代理实现前后端数据的通信.（前端代码详见haoshiqi目录）
 
 >  结合cordova api实现硬件访问功能，通过phonegap开发者预览工具进行测试(cordova工程详见hybirdApp目录)
 
 >  这个项目有两个输出产物，一个是单页面的webapp,一个是hybridapp
 
 >  如果对您有帮助，您可以点右上角 "Star" 支持一下 谢谢！ ^_^
 
->  或者您可以 "follow" 一下，我会不断开源更多的有趣的项目
+>  或者您可以 "follow" 一下，我会继续开源项目
 
->  如有问题请直接在 Issues 中提，或者您发现问题并有非常好的解决方案，欢迎 PR 👍
+>  如有问题请在 Issues 中提，或者您发现问题并有非常好的解决方案，欢迎 PR 👍
 
 
 
@@ -43,11 +43,13 @@ npm start
 
 cd haoshiqi 
 
-npm install
+cnpm install(******因为使用了sass，为了顺利完成安装，最好使用cnpm install******)
 
 npm run dev  (开发环境)
 
-npm run build (发布环境,dist目录会生成在hybridApp\www 文件夹下，可以手动修改webpack.config.js)
+npm run build 
+(发布环境,为了手机能正常访问node服务器，需要手动修改webpack.config.js,URL:'"http://你的ip地址:3000"'  
+dist目录会生成在hybridApp\www 文件夹下，当然dist生成路径可以自行修改)
 
 # 4. 如果要生成混合app,进入hybridApp目录,生成android,ios工程， 最后编译
 
@@ -60,10 +62,13 @@ cordova build android
 ```
 
 # 效果演示
-![](https://github.com/liupeijun/vue2-hybridapp-haoshiqi/blob/master/screenshot/1.png)
-![](https://github.com/liupeijun/vue2-hybridapp-haoshiqi/blob/master/screenshot/2.png)
-![](https://github.com/liupeijun/vue2-hybridapp-haoshiqi/blob/master/screenshot/3.png)
-![](https://github.com/liupeijun/vue2-hybridapp-haoshiqi/blob/master/screenshot/4.png)
+<p>
+  <img src="https://github.com/liupeijun/vue2-hybridapp-haoshiqi/blob/master/screenshot/1.png" width="200" float="left"/>
+  <img src="https://github.com/liupeijun/vue2-hybridapp-haoshiqi/blob/master/screenshot/2.png" width="200" float="left"/>
+  <img src="https://github.com/liupeijun/vue2-hybridapp-haoshiqi/blob/master/screenshot/3.png" width="200" float="left"/>
+  <img src="https://github.com/liupeijun/vue2-hybridapp-haoshiqi/blob/master/screenshot/4.png" width="200" float="left"/>
+
+</p>
 
 # 待办事项