Sencha Touch - Çevre

Yerel Ortam Kurulumu

Bu bölüm, Sencha Touch'ı makinenize nasıl indirip kuracağınız konusunda size rehberlik eder. Lütfen ortamı kurmak için adımları izleyin.

Kitaplık dosyalarını indirme

Sencha Touch kitaplık dosyalarının ticari bir sürümünü aşağıdaki bağlantıdan indirin https://www.sencha.com. Sencha-touch-2.4.2-commercial adlı sıkıştırılmış bir klasör olacak olan kayıtlı posta kimliğinizdeki siteden deneme sürümünü alacaksınız.

Klasörü açın ve uygulamanıza dahil etmek için çeşitli JavaScript ve CSS dosyaları bulacaksınız. Çoğunlukla aşağıdaki dosyaları ekleyin -

Javascript Files - \ sencha-touch-2.4.2commercial \ touch-2.4.2 klasörü altında bulabileceğiniz JS dosyası -

Sr.No Dosya ve Açıklama
1

sencha-touch.js

Bu, uygulamayı çalıştırmak için tüm işlevleri içeren çekirdek dosyadır.

2

sencha-touch-all.js

Bu dosya, dosyada yorum olmadan küçültülmüş tüm kodu içerir.

3

sencha-touch-debug.js

Bu, hata ayıklama amacıyla sencha-touch-all.js'nin küçültülmemiş sürümüdür.

4

sencha-touch-all-debug.js

Bu dosya da küçültülmemiş ve herhangi bir hatayı / sorunu kontrol etmek için tüm yorumları ve konsol günlüklerini içerdiğinden geliştirme amacıyla kullanılır.

Bu dosyaları projelerinizin JS klasörüne ekleyebilir veya dosyaların sisteminizde bulunduğu yere doğrudan bir yol sağlayabilirsiniz.

CSS Files - I: \ sencha touch \ sencha-touch-2.4.2-commercial \ touch-2.4.2 \ resources \ css \ sencha-touch.css klasöründe bulabileceğiniz temaya dayalı çok sayıda dosya vardır.

Bu kütüphane dosyaları Sencha Touch uygulamasına aşağıdaki şekilde eklenecektir -

<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>

Sencha Touch uygulama kodunu app.js dosyasında tutabilirsiniz.

CDN Kurulumu

CDN, Sencha Touch kitaplık dosyalarını indirmeniz gerekmeyen içerik dağıtım ağıdır, bunun yerine ExtJS için CDN bağlantısını aşağıdaki şekilde programınıza doğrudan ekleyebilirsiniz -

<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>

Popüler Editörler

Web uygulamaları geliştirmek için kullanılan bir JavaScript çerçevesi olduğundan, proje HTML, JS dosyalarına sahip olacak ve Ext JS programlarınızı yazmak için bir metin düzenleyiciye ihtiyacınız olacak. Piyasada birden fazla IDE mevcuttur. Ancak şimdilik aşağıdakilerden birini düşünebilirsiniz -

  • Notepad - Windows makinede, Not Defteri (Bu eğitim için önerilir), Notepad ++ gibi herhangi bir basit metin düzenleyiciyi kullanabilirsiniz.

  • Brackets - İndirilebilen başka bir popüler IDE http://brackets.io/ .

  • Sublime - İndirilebilen başka bir popüler IDE https://www.sublimetext.com/3/ .