Đang tải... (xem toàn văn)
Tổng quan về công cụ lập trình(Tổng quan về công cụ soạn thảo mã nguồn, Các loại công cụ soạn thảo mã nguồn) Tìm hiểu về công cụ Sublime Text 3 Sử dụng công cụ Sublime Text 3 để thiết kế giao diện một website đơn giản
THẢO LUẬN NHĨM NHĨM 7: Đề tài: Tìm hiểu cơng cụ Sublime Text Giáo viên hướng dẫn: Nguyễn Văn Tỉnh Sinh viên thực hiện: 1.Phạm Minh Hoàng 2.Chu Anh Tài 3.Nguyễn Hoàng Hiệp PHỤ LỤC Phần I.Tổng quan cơng cụ lập trình I.Tổng quan cơng cụ soạn thảo mã nguồn II.Các loại công cụ soạn thảo mã nguồn Phần II.Tìm hiểu cơng cụ Sublime Text I.Tổng quan Sublime Text II.Cài đặt III.Các thành phần Sublime Text IV.Giao diện cách sử dụng III.Sử dụng công cụ Sublime Text để thiết kế giao diện website đơn giản • PHẦN I: TỔNG QUAN VỀ CÁC CƠNG CỤ LẬP TRÌNH I.Tổng quan cơng cụ soạn thảo mã nguồn -Công cụ soạn thảo mã nguồn phần mềm giúp cho lập trình viên soạn thảo mã nguồn nhanh chóng tiện lợi với nhiều tính hữu ích riêng cơng cụ II.Các loại công cụ soạn thảo mã nguồn -Notepad++ (Hệ điều hành: Windows) -TextMate (Hệ điều hành: OSX) -Atom (Hệ điều hành: OSX, Windows & Linux) -Netbeans (Hệ điều hành: OSX, Windows & Linux) -Eclipse(Hệ điều hành: OSX, Windows & Linux) -Phpstorm(Hệ điều hành: OSX, Windows & Linux) -Sublime Text(Hệ điều hành: OSX, Windows & Linux) • PHẦN II: TÌM HIỂU CÔNG CỤ SUBLIME TEXT I.TỔNG QUAN VỀ SUBLIME TEXT - Sublime Text text editor viết ngơn ngữ lập trình Python sử dụng nhiều tảng hệ điều hành khác Windows, Mac, Linux Sublime Text hỗ trợ nhiều ngôn ngữ lập trình - Ưu điểm: + Nhẹ khởi động nhanh tốn tài nguyên,nhiều tính hữu ích +Giao diện đơn giản,tinh tế,cài đặt nhiều theme II.CÀI ĐẶT SUBLIME TEXT -Đầu tiên, bạn truy cập vào trang chủ Sublime Text địa https://www.sublimetext.com/ -Tiếp theo, bạn click vào mục “Download“ -Tại đây, lựa chọn cài tùy theo hệ điều hành bạn sử dụng Ta thấy Sublime Text version Build 3176 hỗ trợ hệ điều hành: OS X, Windows, Linux -Dưới hình ảnh trang web để tải Sublime Text máy bạn chọn thích hợp với máy - Sau cài đặt, ta mở ứng dụng có giao diện hình sau: III.CÁC THÀNH PHẦN TRONG SUBLIME TEXT 1.Bảng điều khiển -Bảng điều khiển Sublime Text cho phép thực hành động cơng cụ (ví dụ: thiết lập cú pháp cho tập tin mở) mà không cần chạm tay vào bàn phím Mặc dù bảng lệnh mở chuột thông qua Tool => Command Palette, cách thơng dụng sử dụng phím tắt Ctrl+Shift+P 2.Khơng gian làm việc 3.Package Control - Sublime Text hỗ trợ nhiều chức mở rộng them tính “package” cách Ctrl + Shift + P - IV GIAO DIỆN,CÁCH SỬ DỤNG VÀ MỘT SỐ TÙY CHỌN NGƯỜI DÙNG 1.Giao diện Cách sử dụng -Để tạo file cơng cụ bạn chọn:File > New File (Phím tắt: CTRL+N) -Cách lưu file Sublime Text cơng cụ bạn chọn: File > Save File > Save As (Phím tắt: CTRL+S) -Cách mở file: File > Open (Phím tắt: CTRL+O) 3.Các phím tắt 3.1.Đa trỏ -Đa trỏ số tính hữu ích Sublime Text Nó cho phép bạn chọn nhiều trỏ lúc giảm thiểu thời gian viết code Để chọn nhiều trỏ, đặt trỏ chuột nên từ bạn muốn chọn bấm Ctr+D Comand + D bạn chọn tất từ bạn muốn 3.2 Đi đến khu vực mong muốn -Giống bảng điều khiển, Sublime Text hỗ trợ tính Goto Anything đưa đến tập tin cụ thể, dòng code, định nghĩa hàm Để hiển thị tìm kiếm Goto Anything bấm phím Ctrl + Ptrên Windows Command + P Mac Để chuyển đổi tập tin, gõ tên tập tin vào khung tìm kiếm Nếu Sublime Text khơng tìm thấy tập tin cần tìm hiển thị tồn danh sách tập tin 3.3 Đi đến dòng tập tin -Tính Goto Anything Sublime Text khơng giúp đến tập tin cụ thể mà giúp tới dòng cụ thể tập tin Nếu bạn muốn đến dòng tập tin mở, mở khung tìm kiếm Goto Anything lên sau nhập dấu hai chấm sau số dòng ( :100 để tới dòng 100 ) Để đến dòng tập tin khác, cần nhập tên tập tin sau dấu hai chấm số dòng 3.4 Đi đến định nghĩa tập tin -Nếu bạn muốn đến định nghĩa lớp, phương thức hay hàm tập tin, cú pháp tương tự tới dòng Thay dùng dấu hai chấm Goto Definition dùng dấu @ Bạn nhận danh sách tất định nghĩa có tập tin sau chọn tên nhấn phím Enter đưa bạn đến định nghĩa mong muốn 3.5 Chế độ tập trung -Đôi code hiệu không bị phân tâm thứ xung quanh Khơng có thứ khiến bị phân tâm cửa sổ làm việc, sidebar menu Sublime Text cung cấp cho điều thông qua chế độ Distraction Free Mode Để kích hoạt sử dụng phím tắt SHIFT + F11(Windows) Command + CTRL+SHIFT+F(Mac) 3.6 Ẩn/hiện Sidebar -Sidebar phần hữu ích hiển thị cấu trúc thư mục tập tin bạn, cần thêm khoảng trống để code Sử dụng phím tắt Ctrl+K kết hợp với Ctrl+B Windows Command+K kết hợp với Ctr+B Mac để ẩn sidebar 3.7 Comment code nhanh -Đây mẹo hữu ích giúp bạn comment code bạn tạm thời comment đoạn code cho việc kiểm tra xem đoạn code ảnh hưởng tới project bạn Để comment code nhanh Sublime Text 3, chọn đoạn code cần comment sử dụng phím tắt Ctrl+/ (Windows) Command+/ (Mac) Nếu bạn không chọn đoạn code cần comment, sử dụng phím tắt comment tồn dòng Chọn văn -Chúng ta biết cách chọn từ thơng qua phím tắt Ctrl/Command + D ngồi có số phím tắt chọn hữu ích khác 4.1 Chọn tồn dòng -Để chọn tồn dòng sử dụng phím tắt Ctrl + L (Windows) Command + L (Mac) 4.2 Căn lề nhanh -Các lập trình viên biết quan trọng việc lề giúp code dễ đọc dễ hiểu Nếu bạn muốn thụt lề bên phải, sử dụng phím tắt Ctrl + ] (Windows) Command + ] (Mac) Ngược lại muốn thụt lề trái sử dụng Ctr + [ (Windows) Command + [ (Mac) PHẦN III SỬ DỤNG CÔNG CỤ SUBLIME TEXT THIẾT KẾ MỘT WEBSITE ĐƠN GIẢN -Trang web mẫu cần thiết kế: -Sử dụng công cụ Sublime Text code mã nguồn thiết kế giao diện mẫu +Code HTML +Code CSS -Kết mở web: ... cụ soạn thảo mã nguồn -Công cụ soạn thảo mã nguồn phần mềm giúp cho lập trình viên soạn thảo mã nguồn nhanh chóng tiện lợi với nhiều tính hữu ích riêng công cụ II.Các loại công cụ soạn thảo mã... III.Các thành phần Sublime Text IV.Giao diện cách sử dụng III.Sử dụng công cụ Sublime Text để thiết kế giao diện website đơn giản • PHẦN I: TỔNG QUAN VỀ CÁC CƠNG CỤ LẬP TRÌNH I.Tổng quan công cụ soạn.. .Phần I.Tổng quan cơng cụ lập trình I.Tổng quan công cụ soạn thảo mã nguồn II.Các loại cơng cụ soạn thảo mã nguồn Phần II.Tìm hiểu công cụ Sublime Text I.Tổng quan