Sencha Touch - Ambiente

Configuração de ambiente local

Esta seção o orienta sobre como fazer download e configurar o Sencha Touch em sua máquina. Siga as etapas para configurar o ambiente.

Baixando arquivos de biblioteca

Baixe uma versão comercial dos arquivos de biblioteca do Sencha Touch no seguinte link https://www.sencha.com. Você obterá a versão de teste do site em seu ID de correio registrado, que será uma pasta compactada chamada sencha-touch-2.4.2-commercial.

Descompacte a pasta e você encontrará vários arquivos JavaScript e CSS para incluir em seu aplicativo. Inclui principalmente os seguintes arquivos -

Javascript Files - O arquivo JS que você pode encontrar na pasta \ sencha-touch-2.4.2commercial \ touch-2.4.2 são -

Sr. Não Descrição do arquivo
1

sencha-touch.js

Este é o arquivo principal que contém todas as funcionalidades para executar o aplicativo.

2

sencha-touch-all.js

Este arquivo contém todo o código reduzido sem comentários no arquivo.

3

sencha-touch-debug.js

Esta é a versão não minimizada de sencha-touch-all.js para fins de depuração.

4

sencha-touch-all-debug.js

Este arquivo também não está minimizado e é usado para fins de desenvolvimento, pois contém todos os comentários e logs do console para verificar quaisquer erros / problemas.

Você pode adicionar esses arquivos à pasta JS de seus projetos ou pode fornecer um caminho direto onde os arquivos residem em seu sistema.

CSS Files - Existem vários arquivos baseados em temas que você pode encontrar na pasta I: \ sencha touch \ sencha-touch-2.4.2-commercial \ touch-2.4.2 \ resources \ css \ sencha-touch.css

Esses arquivos de biblioteca serão adicionados no aplicativo Sencha Touch da seguinte forma -

<html>
   <head>
      <script type = "text/javascript" src = "../sencha-touch-2.4.2-commercial/touch-2.4.2/sencha-touch-all.js"></script>  
      <link href = "../sencha-touch-2.4.2-commercial/touch-2.4.2/resources/css/sencha-touch.css" rel = "stylesheet" />
      <script type ="text/javascript" src = "app.js" > </script> 
   </head>
</html>

Você pode manter o código do aplicativo Sencha Touch no arquivo app.js.

Configuração de CDN

CDN é uma rede de distribuição de conteúdo com a qual você não precisa fazer download dos arquivos de biblioteca do Sencha Touch; em vez disso, você pode adicionar diretamente o link CDN para ExtJS ao seu programa da seguinte maneira -

<html>
   <head>
      <script type = "text/javascript" src = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/sencha-touch-all.js"></script>    
      <link href = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/resources/css/sencha-touch.css" rel="stylesheet" />
      <script type = "text/javascript" src = "app.js" > </script> 
   </head>
</html>

Editores populares

Como é uma estrutura JavaScript usada para desenvolver aplicativos da web, o projeto terá arquivos HTML, JS e, para escrever seus programas Ext JS, você precisará de um editor de texto. Existem vários IDEs disponíveis no mercado. Mas, por enquanto, você pode considerar um dos seguintes -

  • Notepad - Na máquina Windows, você pode usar qualquer editor de texto simples como o Notepad (recomendado para este tutorial), Notepad ++.

  • Brackets - Outro IDE popular que pode ser baixado de http://brackets.io/ .

  • Sublime - Outro IDE popular que pode ser baixado de https://www.sublimetext.com/3/ .