CORDOVA+ANGULARJS+IONIC+VS2015 Development (III)

Welcome Dabigatran Study: 457351423 There are more than 4,000 learning videos, covering a variety of technologies, there is a need to welcome to the group to learn!

First, the basic settings

1. Modify the app name and program start Page

The config file opens as follows, and in the General tab, change the Display name and start page to the name you want.

To modify directly in the XML file: Right-click Config. Edit with "View Code".

2. Plug-in installation

Generally in the development of the project, the inevitable use of third-party plug-ins, in vs Install the Cordova plug-in is also relatively simple.

Visualize opening the CONFIG. archive file. Switch to the Plugins tab:

Core plugins: Some plugins built into the package.

Custom: You can install third-party plugins.

Installed: The plug-in that is already installed for the current project.

In the custom label, there are two ways to install it, one is local, and the other is a git installation:

git installation, just paste the git address, click the arrow, parse the right side to display the plugin information, click Install.

To install locally, simply select the folder where the local plug-in is located, and the file directory needs to contain the Plugin.xml file.

For example, the plugin is in the following directory:

Just select the corresponding folder in VS:

Some common plug-ins list and Description:

Plugin website:

http://cordova.apache.org/plugins/

Scan code:

Https://github.com/wildabeast/BarcodeScanner.git

Application Corner Label:

Https://github.com/katzer/cordova-plugin-badge.git

Mail system:

Https://github.com/katzer/cordova-plugin-email-composer.git

dialog box:

Https://github.com/apache/cordova-plugin-dialogs.git

Built-in Browser:

Https://github.com/apache/cordova-plugin-inappbrowser.git

Push Service (registration required):

Https://github.com/jpush/jpush-phonegap-plugin.git

Jpush plug-in needs to fill in the installation of Appkey, installation display interface as follows, first fill in the application to the key and then add the line.

Second, Chinese garbled

If you encounter Chinese garbled problem, remember one line, unified all the code.

index.html display Chinese garbled, first guarantee <meta> set to Utf-8, set as follows:

<meta charset= "Utf-8" >

Second, ensure that the file format is UTF-8 encoding, so you can solve all the Chinese garbled problem.

VS2015 created JS files and HTML files by default to GB2312, while Cordova and Ionic are used by default utf-8. So it will be displayed as garbled in Chinese. In general, the use of Chinese in view templates and JS files will have garbled problems. The simplest solution is to open the Html/js file, click "File"-"Advanced Save Options" and choose the UTF-8 format to save it.

Conclusion: Today's time is limited, temporarily written here, because Cordova+ionic development involves a lot of knowledge points, this article originally intended to introduce only VS2015 development Cordova Program of some notes and tips. As for the following should not involve ionic and angular grammar and knowledge points, this look at the demand it!

Welcome Dabigatran Study: 457351423 There are more than 4,000 learning videos, covering a variety of technologies, there is a need to welcome to the group to learn!

CORDOVA+ANGULARJS+IONIC+VS2015 Development (III)