You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+8-8
Original file line number
Diff line number
Diff line change
@@ -16,7 +16,7 @@ Use Vue.js to develop a cross-platform full stack application of [Objc china](ht
16
16
17
17
-[x] ✅ Desktop application available for three platforms, Mac, Linux and Windows
18
18
-[x] ✅ Web application supports desktop browsers and mobile browsers
19
-
-[x] ✅ Mobile App which uses the Cordova framework, supports iOS、Android、Windows Phone and BlackBerry platforms
19
+
-[x] ✅ Mobile App which uses the Cordova framework, supports iOS,Androi,Windows Phone and BlackBerry platforms
20
20
-[ ] ❌ Native Mobile App, which can use Weex framework to support both iOS and Android
21
21
22
22
> Note: This project is just a bit of fun and purely for learning purpose, please support [喵神(@onevcat)](https://github.com/onevcat) and [Objc china](https://objccn.io/).
@@ -71,9 +71,9 @@ Well, into the topic, Let's introduce this project:
71
71
72
72
As the Objc china website is directly response html data, to simulate the network request to return data, I build a backend and write API to return data.
73
73
74
-
I use Express framework to build a server, set up in the 8081 port, and write routing, the request will go to 8080, open the server will automatically open the background.
74
+
I use Express framework to build a server, set up in the `8081` port, and write routing, the request will go to `8080`, open the server will automatically open the background.
75
75
76
-
My current development environment is node v6.11.0, npm v3.10.10, Vue.js v2.8.2.
76
+
My current development environment is node v6.11.0, npm v3.10.10, Vue.js v2.8.2.
77
77
78
78
```bash
79
79
@@ -117,9 +117,9 @@ npm run build:app
117
117
118
118
Here to talk about Cordova's packaging alone, it is slightly more than the desktop side of the special point.
119
119
120
-
First, make the `src/main.js` file on the three lines on the Coredova note open, Coredova library initialization needs to be included in the generation of Vue instance outside. After opening the comment, proceed to the next step.
120
+
First, make the `src/main.js` file on the three lines on the Cordova note open, Cordova library initialization needs to be included in the generation of Vue instance outside. After opening the comment, proceed to the next step.
121
121
122
-
I put a Makefile in the project, you can do this according to this.
122
+
I put a `Makefile` in the project, you can do this according to this.
123
123
124
124
1. First install the cordova command globally
125
125
@@ -143,21 +143,21 @@ I put a Makefile in the project, you can do this according to this.
143
143
> cordova run ios
144
144
> cordova run android
145
145
146
-
Cordova only generated a shell of the app, all the content are still read from the web page. There is a folder called WWW in the corresponding application and used to load the page. JavaScript package will generate the www folder, just replace the content under this folder.
146
+
Cordova only generated a shell of the app, all the content are still read from the web page. There is a folder called `WWW` in the corresponding application and used to load the page. JavaScript package will generate the `www` folder, just replace the content under this folder.
147
147
148
148
In addition, if you develop a large app with Cordova framework and no any optimization, the user experience is really not as fast as the native. If you really want to use front-end technology to develop app, share you two recommendation: The one is trying to do optimization when use Cordova framework. The other is using React Native or Weex to get the experience close to native.
149
149
150
150
## 🚀 Cross-platform development
151
151
152
152
Package this project into desktop application by JavaScript cross-platform development, mainly used the Electron framework. Here you need to install these three dependencies "electron", "electron-builder" and "electron-packager" in devDependencies. Configure other paths in the webpack.
153
153
154
-
About Cordova installation, I make complaints a little network problems in china. If you are not over the wall in china, it is really painful. For example, Not over the wall and in a very poor network environment, installation of Cordova globally, lots of error, even for the complete installation of cnpm after the addition of the iOS platform will later report a problem of 'co' file can not find, I suspect cnpm could not install the command complete. Later, I go back home, over the wall and network environment is very good, All of a sudden the npm installation is complete. But there is a small episode: If Cordova iOS 4.4.0 template throw a error, suggest installation of several times, the reason is still for the network over the wall in china, no catch to it.
154
+
About Cordova installation, I make complaints a little network problems in China. If you are not over the wall in China, it is really painful. For example, not over the wall and in a very poor network environment, installation of Cordova globally, lots of error, even for the complete installation of `cnpm` after the addition of the iOS platform will later report a problem of 'co' file can not find, I suspect `cnpm` could not install the command complete. Later, I go back home, over the wall and network environment is very good, All of a sudden the `npm` installation is complete. But there is a small episode: If Cordova iOS 4.4.0 template throw a error, suggest installation of several times, the reason is still for the network over the wall in China, no catch to it.
155
155
156
156
There may be encountered the following error:
157
157
158
158
> "Error: Cannot find module 'config-chain'" when running 'ionic start'
159
159
160
-
The solution of this error is trying again the original order with the sudo command. This error could be solved
160
+
The solution of this error is trying again the original order with the `sudo` command. This error could be solved
161
161
162
162
The final package will be done in the dist folder.
0 commit comments