Sencha Touch Learning Notes (ii) Preparation before development

1. Choose a browser that can be compatible and debug Sencha touch

Sencha Touch was designed for the WebKit kernel, so chrome or Safari is a great place to show webapp based on Sencha touch. I prefer chrome developer tools, not only can view DOM elements, debugging JS, but also real-time monitoring, CPU utilization, triggering events, memory consumption, etc., is JS development of powerful tools);

2. Download and configure the Sencha cmd tool

Software Name: senchacmd-4.0.5.87-windows

Software Download: http://www.sencha.com/products/sencha-cmd/download

：

Since the CMD tool is written in Java, it needs to be supported by the Java 1.7 version environment and Ruby (the CSS used to compile the project), so we also need to install Java's JDK and Ruby. Click on the link below to download the Java JDK and Java JRE that match your system. Address: HTTP://WWW.ORACLE.COM/TECHNETWORK/JAVA/JAVASE/DOWNLOADS/INDEX-JSP-138363.HTML#JAVASEJDK

Here are some examples:

2.1 Installation of Java JDK

Version: Jdk-8u31-windows-x64

Installation directory: General selection of the default installation directory

2.2 Installation of Java JDK

Version: Jre-8u31-windows-x64

Installation directory: General selection of the default installation directory

2.3 Installation of Sencha cmd

Version: Senchacmd-4.0.5.87-windows

Installation directory: General selection of the default installation directory

Installation of 2.4 Ruby

Version: Rubyinstaller-2.1.5-x64

Installation directory: General selection of the default installation directory

Installation precautions: Remember to check the following items during the installation process to automatically configure the Ruby environment variables

2.5 Configure environment variables after the above installation is complete (as shown in the specific configuration)

(1) in "System Variables", set 3 properties, Java_home,path,classpath (case does not matter), if already exist then click "Edit", do not exist then click "New":

Java_home indicates the JDK installation path, which is the path selected when you just installed C:\Program files\java\jdk1.8.0_31

The path entry is added under:; C:\Users\Administrator\bin\Sencha\Cmd\4.0.5.87; C:\ruby21-x64\bin;%java_home%\bin; %java_home%\jre\bin, notice that the front is separated by semicolons.

In the Classpath entry add:.; %java_home%\lib\dt.jar;%java_home%\lib\tools.jar (to Add. Indicates the current path)

4, Installation Nodejs

Purpose: node. JS is a platform built on the chrome JavaScript runtime to easily build fast, easy-to-scale Web applications. With event-driven, node. js, the non-blocking I/O model becomes lightweight and efficient, making it ideal for data-intensive, real-time applications running on distributed devices.

Version: v0.12.0

After the installation is complete, the environment variables are configured and added in path. C:\Program files\nodejs\;

After configuration is complete, you can open the command line to verify that it is installed and configured successfully

The above indicates that the installation and configuration are successful.

5. Web server-side environment

Everything is ready, only owed to the east Wind, the last one of the necessary work is to configure our service-side environment, although I do Java, but the project's service side has been written in C #, so I use the IIS server, using IIS services, to configure the IIS service MIME, addapplication/x-json，如果你做的webapp准备发布web版本的话，还需要添加text/cache-manifest，这个是用来设置webapp离线缓存的，tomcat，apache都不用做额外的设置

6、开发工具（IDE）的选择

Development tools According to personal preferences to use, I use the legendary JS artifact Webstorm, you can according to their own habits to choose Ide,vs, Eclipse, Aptana is also a good choice.

Sencha Touch Learning Notes (ii) Preparation before development