Sencha Touch - Môi trường

Thiết lập môi trường cục bộ

Phần này hướng dẫn bạn cách tải xuống và thiết lập Sencha Touch trên máy của bạn. Vui lòng làm theo các bước để thiết lập môi trường.

Tải xuống tệp thư viện

Tải xuống phiên bản thương mại của các tệp thư viện Sencha Touch từ liên kết sau https://www.sencha.com. Bạn sẽ nhận được phiên bản dùng thử từ trang web trên id mail đã đăng ký của mình, đây sẽ là một thư mục nén có tên sencha-touch-2.4.2-Commercial.

Giải nén thư mục và bạn sẽ tìm thấy các tệp JavaScript và CSS khác nhau để đưa vào ứng dụng của mình. Bao gồm hầu hết các tệp sau:

Javascript Files - Tệp JS mà bạn có thể tìm thấy trong thư mục \ sencha-touch-2.4.2commercial \ touch-2.4.2 là -

Sr.No Mô tả tập tin
1

sencha-touch.js

Đây là tệp cốt lõi chứa tất cả các chức năng để chạy ứng dụng.

2

sencha-touch-all.js

Tệp này chứa tất cả mã được rút gọn và không có chú thích nào trong tệp.

3

sencha-touch-debug.js

Đây là phiên bản chưa hợp nhất của sencha-touch-all.js cho mục đích gỡ lỗi.

4

sencha-touch-all-debug.js

Tệp này cũng chưa được xác minh và được sử dụng cho mục đích phát triển vì nó chứa tất cả các nhận xét và nhật ký bảng điều khiển để kiểm tra bất kỳ lỗi / sự cố nào.

Bạn có thể thêm các tệp này vào thư mục JS dự án của mình hoặc bạn có thể cung cấp một đường dẫn trực tiếp nơi các tệp nằm trong hệ thống của bạn.

CSS Files - Có một số tệp dựa trên chủ đề mà bạn có thể tìm thấy trong thư mục I: \ sencha touch \ sencha-touch-2.4.2-Commercial \ touch-2.4.2 \ resources \ css \ sencha-touch.css

Các tệp thư viện này sẽ được thêm vào ứng dụng Sencha Touch như sau:

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

Bạn có thể giữ mã ứng dụng Sencha Touch trong tệp app.js.

Thiết lập CDN

CDN là mạng phân phối nội dung mà bạn không cần tải xuống các tệp thư viện Sencha Touch, thay vào đó bạn có thể thêm trực tiếp liên kết CDN cho ExtJS vào chương trình của mình như sau:

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

Biên tập viên phổ biến

Vì nó là một khung JavaScript được sử dụng để phát triển các ứng dụng web, dự án sẽ có các tệp HTML, JS và để viết các chương trình Ext JS, bạn sẽ cần một trình soạn thảo văn bản. Có nhiều IDE có sẵn trên thị trường. Nhưng hiện tại, bạn có thể xem xét một trong những điều sau:

  • Notepad - Trên máy Windows, bạn có thể sử dụng bất kỳ trình soạn thảo văn bản đơn giản nào như Notepad (Đề xuất cho hướng dẫn này), Notepad ++.

  • Brackets - Một IDE phổ biến khác có thể được tải xuống từ http://brackets.io/ .

  • Sublime - Một IDE phổ biến khác có thể được tải xuống từ https://www.sublimetext.com/3/ .