About Dreamweaver CS6.0 + PHONEGAP's mobile development environment building

Source: Internet
Author: User

HTML5 has been attacked mobile development, recently fortunate to decorate phonegap environment, in fact, I do not html and JS or jquery, in order to comply with the HTML5 storm, or a little play a bit. CS5.5 Build Relative CS6.0, the latter based on the new model, just beginning to get a little bit of difficulty, but, today we will come to understand how the next CS6.0 on the smooth play turn phonegap.

on the Android SDK development environment is not here to introduce, you build it Baidu. After configuring the SDK, it is recommended that you create the AVD emulator in Eclipse and run it for the first time. After all, Dreamweaver is not a professional to do this, there will certainly be a bit of a bad thing in advance. But for the powerful Html5 effect, this small bug is not a problem.

Work well, but here's basically nothing:

1> DreamWeaver CS6.0

① Create a new site

② Speaking Designer mode to mobile application Mode

------->

A column box will appear on the left side of the CS6.0:

above the android where to choose your Android SDK directory, directly click Save on it, the most unacceptable is that you click on the save without any hint, in fact, this time has been saved successfully, the first time the landlord said the gun fell to the ground.

③ Create the site of the project, in fact, is not called engineering, but I am a habit of it.

Files--New-->:

Click Create, will go to save the interface, the middle column to change the file name to index.html, this to see a person likes it.

④ below Select the site-->PHONEGAP build service-->phonegap Build service, the left column back into the following box body:

Enter here, you register Dreamweaver CS6.0 when the account name and password, login successful directly skip the fifth step, the following interface shows that you do not have phonegap build credentials, you need to register:

⑤ below is to register the PHONEGAP build credential step, in the above landing box body, the upper right corner has a menu small icon, click on it, and then select the help inside, the program will open a URL, in this URL:

Select inside: Create a PhoneGap build service account

Click on the inside of the blue font, enter another page will appear the following registration pattern:

Click the first with Adobe ID, log in directly to your account name for Dreamweaver CS6.0, and the password is OK, after logging PhoneGap build credentials to register successfully, back to continue to build the environment.

⑥ will be the interface style after logging in:

Don't be excited, the pace of success is already very close, here the interface shows that loading is not complete, but you also do not wait, CS6.0 will not help you to load, this time, you need to manually to operate, directly click on the bottom: Regenerate the application that is the button to refresh, but people can not think that it will be loaded from the bottom of the web, I have been very depressed this is why! This could be the 100,000th other why? , but finally in the last twists all the way to come over. Let's take a look at what the loaded style looks like:

⑦1, the first arrow pointing to the right, is the start of the AVD simulator in the program.

2, scan two-dimensional code, what to use it? You guess.

3, the third point below the arrow, is the external load saved apk file.

Click on the first arrow button on the line, the other later debugging re-use. After loading, the following interface will be displayed:

Since the AVD simulator has been created in eclipse, it will be automatically found here, but it can also be built in the AVD manager below, which is not described here. Below we start the simulator, the landlord does not have the test simulator startup time, the CS6 is not directly installs the APK to run, this everybody may go to try, after all, many debugs need to do on the real machine above.

⑧ If there is no software generated in the AVD simulator after boot, this time the Start button is not clickable, you need to shut down the simulator, in the restart, normally the second launch of the AVD simulator will have the following software:

Operation diagram:

After the ⑨ runs successfully, a projectsettings file is generated in the site and opened in Dreamweaver as follows:

Here you can modify the program version, icon, package name and other information, but it looks really uncomfortable, but also in the root directory of the site to be modified with other tools.

The construction process has been completed successfully, I wish you all development smoothly!

About Dreamweaver CS6.0 + PHONEGAP's mobile development environment building

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.