Nhập môn Công Nghệ Phần Mềm

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 về các công cụ lập trình
I.Tổng quan về 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 về công cụ Sublime Text
I.Tổng quan về Sublime Text
II.Cài đặt
III.Các thành phần trong Sublime Text
IV.Giao diện và cách sử dụng
III.Sử dụng công cụ Sublime Text để thiết kế giao diện
một website đơn giản


•

PHẦN I: TỔNG QUAN VỀ CÁC CÔNG CỤ
LẬP TRÌNH

I.Tổng quan về công cụ soạn thảo mã nguồn
-Công cụ soạn thảo mã nguồn là những phần mềm giúp

cho lập trình viên soạn thảo mã nguồn được nhanh chóng
và tiện lợi hơn với nhiều tính năng hữu ích riêng của từ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 là một text editor được viết bằng ngôn
ngữ lập trình Python và có thể được sử dụng trên nhiều
nền tảng hệ điều hành khác nhau như 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 tài
nguyên,nhiều tính năng 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, các bạn truy cập vào trang chủ của Sublime
Text tại địa chỉ />-Tiếp theo, các bạn click vào mục “Download“.
-Tại đây, chúng ta có thể lựa chọn bản cài tùy theo hệ điều
hành bạn đang sử dụng. Ta có thể thấy ở đây Sublime
Text 3 version Build 3176 hỗ trợ các hệ điều hành: OS X,
Windows, Linux.


-Dưới đây là hình ảnh trên trang web để tải Sublime Text
về máy các bạn chọn bản thích hợp với máy của mình.

- Sau khi cài đặt, ta mở ứng dụng ra sẽ có giao diện như
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 của Sublime Text 3 cho phép chúng ta
thực hiện các hành động trên thanh công cụ (ví dụ: thiết
lập cú pháp cho tập tin đang mở) mà không cần chạm tay
vào bàn phím. Mặc dù bảng lệnh có thể mở bằng chuột
thông qua Tool => Command Palette, cách thông dụng
là 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 năng nhưng chúng ta có
thể mở rộng them tính năng “package” bằng 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


2. Cách sử dụng
-Để tạo file mới thì trên thanh công cụ bạn chọn:File >
New File
(Phím tắt: CTRL+N)
-Cách lưu file trong Sublime Text thì trên thanh công cụ
bạn chọn:
File > Save hoặc File > Save As
(Phím tắt: CTRL+S)
-Cách mở 1 file: File > Open
(Phím tắt: CTRL+O)
3.Các phím tắt


3.1.Đa con trỏ

-Đa con trỏ là một trong số những tính năng hữu ích nhất
của Sublime Text. Nó cho phép bạn chọn nhiều con trỏ
cùng một lúc do đó giảm thiểu thời gian viết code. Để
chọn nhiều con trỏ, đặt con trỏ chuột nên từ bạn muốn
chọn và bấm Ctr+D hoặc Comand + D cho đến khi bạn
chọn được tất cả các từ bạn muốn.

3.2. Đi đến khu vực mong muốn
-Giống như bảng điều khiển, Sublime Text hỗ trợ tính
năng Goto Anything có thể đưa chúng ta đến một tập tin


cụ thể, dòng code, định nghĩa hàm. Để hiển thị thanh tìm
kiếm Goto Anything chúng ta bấm phím Ctrl + Ptrên
Windows và Command + P trên Mac. Để chuyển đổi
giữa các tập tin, chúng ta 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 nó
sẽ hiển thị toàn bộ danh sách các tập tin.

3.3. Đi đến một dòng trong một tập tin
-Tính năng Goto Anything trong Sublime Text không
những giúp chúng ta đi đến một tập tin cụ thể mà nó còn
giúp chúng ta đi tới một dòng cụ thể trong một tập tin.


Nếu bạn muốn đi đến một dòng trong tập tin đang mở,
chúng ta mở khung tìm kiếm Goto Anything lên sau đó
nhập dấu hai chấm sau đó là số dòng ( :100 để tới dòng
100 ). Để đến một dòng trong một tập tin khác, chúng ta
cần nhập tên tập tin sau đó dấu hai chấm và số dòng.

3.4. Đi đến định nghĩa trong tập tin
-Nếu bạn muốn đi đến một định nghĩa lớp, phương thức
hay hàm trong một tập tin, cú pháp tương tự như chúng ta
đi tới một dòng. Thay vì dùng dấu hai chấm thì Goto


Definition dùng dấu @. Bạn sẽ nhận được một danh sách
tất cả các định nghĩa có trong tập tin sau đó chọn tên nhấn
phím Enter sẽ đưa bạn đến định nghĩa mong muốn.

3.5. Chế độ tập trung
-Đôi khi code hiệu quả nhất là không bị phân tâm bởi
những thứ xung quanh. Không có những thứ khiến chúng
ta bị phân tâm như cửa sổ làm việc, sidebar và menu.
Sublime Text cung cấp cho chúng ta điều này thông qua


chế độ Distraction Free Mode. Để kích hoạt nó chúng ta
sử dụng phím tắt SHIFT + F11(Windows) hoặc
Command + CTRL+SHIFT+F(Mac).

3.6. Ẩn/hiện Sidebar
-Sidebar là một phần hữu ích hiển thị cấu trúc thư mục và
tập tin của bạn, nhưng đôi khi chúng ta 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 trên Windows và Command+K kết hợp
với Ctr+B trên Mac để ẩn hoặc hiện sidebar.

3.7. Comment code nhanh
-Đây là một mẹo hữu ích giúp bạn comment code của bạn
hoặc tạm thời comment một đoạn code cho việc kiểm tra
xem đoạn code đó ảnh hưởng tới project của bạn ra sao.
Để comment code nhanh trong Sublime Text 3, chọn đoạn
code cần comment và sử dụng phím tắt Ctrl+/ (Windows)
hoặc Command+/ (Mac). Nếu bạn không chọn đoạn code
cần comment, sử dụng phím tắt trên sẽ comment toàn bộ
một dòng.
4. Chọn văn bản
-Chúng ta đã biết cách chọn một từ thông qua phím
tắt Ctrl/Command + D. nhưng ngoài ra còn có một số
phím tắt chọn hữu ích khác.
4.1. Chọn toàn bộ một dòng
-Để chọn toàn bộ dòng chúng ta sử dụng phím tắt Ctrl +
L (Windows) hoặc Command + L (Mac).
4.2. Căn lề nhanh


-Các lập trình viên biết được sự quan trọng của việc căn lề
là giúp code dễ đọc và dễ hiểu hơn. Nếu bạn muốn thụt lề
bên phải, sử dụng phím tắt Ctrl + ] (Windows)
hoặc Command + ] (Mac). Ngược lại muốn thụt lề trái
chúng ta sử dụng Ctr + [ (Windows) hoặc 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 quả khi chúng ta mở trên web: