Cordova3+sencha touch2.x Environment Construction

2. 1. Installing Nodejs
4. 2. Install Cordova:
6. NPM install-g Cordova
8. 3. Create a project:
10. Cordova Create MyApp com.example.MyApp MyApp
14. Where: The first MyApp is the name of a folder;
16. COM.EXAMPLE.MYAPP is the app ID
18. The second MyApp is the name of the project and the name of the application
20. 4. Go to the folder
22. CD MYAPP
24. 5. Create an Android app
26. Cordova Platform Add Android
30. 6. Create a new Android project with Eclipse (import the MyApp catalog file just now) and you can develop it under eclipse.
32. Attention:
34. 1.eclipse to install the ADT plug-in first.
36. 2. To download the Android SDK first, and add its path (for example: C:\Development\adt-bundle\sdk\tools) to the environment variable path.
38. Otherwise , step 5 will error: [Error:an error occurred while listing Android targets]
44. =============================================================
48. At this point, the construction of PhoneGap is completed. So, how to combine with Sencha touch?
52. 1. Install the Sencha Touch command line. (Shang Guan net download exe file: http://cdn.sencha.com/cmd/4.0. 1.45/senchacmd-4.0. 1.45-windows.exe.zip)
56. 2. Unzip the Sencha touch compressed package, and store the directory for example:
58. e:/webroot/touch-n.n/
62. Command line, enter the directory, and execute the following command to create a Sencha touch project:
64. $ Sencha Generate app MyApp: /myapp
68. Or:
70. SENCHA-SDK/PATH/TO/SENCHA-TOUCH-SDK Generate App Myapp/path/to/www/myapp
74. 3. Go to the folder
76. CD MYAPP
78. 4. Add Android App support:
80. Sencha Cordova Init com.example.MyApp MyApp
82. Note: Keep the app ID and project name here consistent with the PHONEGAP project we created earlier.
86. 5. Open the MyApp root directory, modify the Cordova.local.properties file, set the operating environment for Android:
88. Cordova.platforms=android
92. 6. Execute the command, package the file to the project directory.
94. Sencha App Build Package
96. Note: The default Sencha touch is packaged into the build folder in the MyApp directory, and I do not find the configuration to modify the path, so I need to first modify the build.xml below the MyApp to add a task:
98. <target name="-after-build" >
100. <copy todir="E:\phonegap-project\MyApp\platforms\android\assets\www" >
102. <fileset dir="Build/package/myapp"/>
104. </copy>
106. </target>
108. This will allow you to copy the files to the PhoneGap project directory.
112. Finish it now!
114. Sencha Touch a project +phonegap a project. The former outputs js+html to the latter, which is then packaged as an APK file.
120. Other:
122. 1. Originally Sencha built-in direct package as apk file, but my machine does not run correctly.
124. BUG:
126. Http://www.sencha.com/forum/showthread.php? 276203-possible-bugs-in-sencha-cmd-4.0. 1.45
130. 2. The current in JS write Chinese, Sencha Touch packaging will be garbled. (Environment: Win7 + senchacmd-4.0 + SDK 2.3. 1)
132. Solution: To JS inside the first line to add://@charset utf-8 can be.

Cordova3+sencha touch2.x Environment Setup