Hướng Dẫn Sử Dụng Sublime Text 3 Mới Nhất 2022

Posted on by adminChuyên mục:Kiến thức Internet

Hướng dẫn sử dụng Sublime Text 3 để khai thác hết những công dụng mãnh liệt của Sublime là mục tiêu chính của bài Hướng Dẫn Sử Dụng Sublime Text 3 Mới Nhất 2022 này mà ATP Web mong muốn gửi đến độc giả. Bởi Sublime Text là một trong những trình soạn thảo phổ biến nhất vào thời điểm hiện tại. so với Atom hay VSCode, Sublime chiếm ưu điểm hơn hẳn nhờ tốc độ nhanh, giao diện dễ dàng, và có phần lớn các khả năng mạnh mẽ.

Sublime Text là gì?

Sublime Text là một editor thông dụng ở thời gian hiện tại dùng để lập trình, soạn thảo văn bản thay cho Notepad trên Windows, nó hoàn toàn có thể thực thi được mọi thứ ảnh hưởng tác động đến văn bản VD như sử dụng nó để biên soạn bằng Markdown và còn nhiều thứ khác mà tôi sẽ cùng bạn khai thác nó .
Sublime Text 3 được beta lần đầu vào 29/1/2013. Hiện tại phiên bản mới quan trọng là 31 xx. Sublime Text 3 không tính tiền, và nếu thích bạn hoàn toàn có thể ủng hộ tác giả bằng việc mua lisence .

Ngoài Sublime Text ra còn rất nhiều editor phổ biến khác như Atom, Brackets, Visual Studio Code, PhpStorm, Zend Studio …bạn có thể tìm hiểu thêm nhé.

Hướng Dẫn Sử Dụng Sublime Text

Vì sao tôi chỉ bạn dùng Sublime Text?

  • Sublime Text dành cho người cho toàn bộ mọi người, cho người từ mới khởi đầu và chuyên nghiệp
  • Thiết lập đơn giản, có bản Portable click là chạy
  • Sử dụng miễn phí, bạn sẽ trả phí ủng hộ tác giả bất cứ lúc nào
  • Rất nhẹ, nhẹ như Notepad trên máy của bạn vậy
  • Hỗ trợ mọi ngôn ngữ ví dụ: HTML, CSS, LESS, PHP, Javascript, …. hầu như là toàn bộ.
  • Cộng đồng rộng rãi với hàng chục nghìn Package hỗ trợ cho ngôn ngữ bạn đang làm. có thể kể đến là Emmet,
  • WordPress Code Reference, Syntax các loại …
  • Hỗ trợ đa nền tảng Windows, Linux, Mac Os, Ubuntu.
  • Chế độ tìm kiếm, replace, highlight, go anywhere rất dễ dàng để sử dụng
  • Có rất nhiều theme thay cho mặc định
  • Tự tạo code với Snippets
  • Tích hợp sẵn Terminal
  • Và còn rất nhiều option mà bạn có thể biết….

Hướng Dẫn Sử Dụng Sublime Text

Hướng dẫn sử dụng Sublime Text 3 – Phím tắt

Sử dụng phím tắt để thực thi tác vụ luôn nhanh hơn dùng chuột hay thực đơn .

Chung

  • Ctrl+Shift+P : Mở Command Prompt
  • Ctrl+K, Ctrl+B : Ẩn/hiện side bar

Chỉnh sửa

  • Ctrl+Shift+↑ : chuyển dịch dòng/vùng chọn lên 1 dòng
  • Ctrl+Shift+↓ : chuyển dịch dòng/vùng chọn xuống 1 dòng
  • Ctrl+L : Chọn dòng hiện tại, tiếp tục nhấn Ctrl+L để chọn dòng kế tiếp
  • Ctrl+D : Chọn một từ, tiếp tục nhấn Ctrl+D để chọn những từ giống vậy
  • Ctrl+Shift+D : Nhân đôi dòng hiện tại
  • Ctrl+M : Đi tới dấu đóng ngoặc gần nhất – Lặp lại để đi tới dấu mở ngoặc
  • Ctrl+Shift+M : Chọn phần nhiều thông tin trong dấu ngoặc
  • Ctrl+Shift+K : Xóa phần lớn dòng
  • Ctrl+] : Lùi dòng hiện tại vào trong 1 tab
  • Ctrl+[ : Lùi dòng hiện tại ra ngoài 1 tab
  • Ctrl+/ : Comment/Un-comment dòng/vùng chọn hiện tại

Tô màu mã gốc với các gói mở rộng ngôn ngữ

Một khi setup, Sublime tương hỗ đến hơn 50 ngôn từ lập trình. hơn nữa, nếu thao tác với Angular, Vue, React hay những framework / ngôn từ mới, bạn phải cần phải thiết lập thêm những phần thiết kế xây dựng rộng để Sublime đủ sức đồng cảm và tô màu mã nguồn. Tùy nhu yếu nhất định mà bạn đủ sức tìm thấy plugin tương ứng trên Package Control. ATP Web liệt kê sau đây những plugin thông dụng nhất .

Ngôn ngữ

  • Babel (React): bên cạnh hỗ trợ các công dụng mới trong ES6, ES7, plugin này cũng hỗ trợ tô màu cho JSX
  • Better CoffeeScript
  • Flow
  • TypeScript

Thư viện

  • AngularJS
  • Vue Syntax Highlight
  • EmberScript

Hướng dẫn sử dụng Sublime Text 3 – Emmet

Với lập trình viên front-end, Emmet là plugin không hề thiếu rồi. Emmet được cho phép bạn viết HTML “ nhanh như chớp ” bằng hướng dẫn dùng biểu thức miêu tả HTML. Sau đấy Emmer sẽ lan rộng ra biểu thức này. Chẳng hạn, khi mà bạn viết # content > p.text * 5 > lorem, Emmet sẽ “ úm ba la ” thành :

Các gói Snippets hữu dụng

JavaScript và NodeJS Snippets, như tên gọi, gồm có những snippets dành riêng cho JavaScript, giúp cho bạn gõ một đoạn mã thông dụng nhanh hơn. VD, thay vì gõ document. querySelector ( ‘ selector ’ ) ;, bạn chỉ cần gõ qs, click Tab, và Sublime sẽ giúp phần việc còn lại giúp cho bạn. Hoặc ghi giống như VD dưới đây .
Nếu như thấy Emmet hơi phức tạp, bạn sẽ sử dụng một plugin khác tương tự như là HTML Snippets. Plugin này có ít năng lực hơn, nhưng dễ sử dụng hơn .
Bên cạnh đó, cũng đừng khi nào quên những gói snippets khi thao tác với những thư viện / framework. giống như ReactJS Snippets, AngularJS Snippets, VueJS Snippets …
Với CSS, bạn chỉ cần cài CSS Snippets là có tương hỗ CSS, LESS, SASS và Stylus .

Định dạng mã nguồn

Bằng cách dùng HTMLBeautify, CSS Format, Pretty JSON hoặc jsfmt, bạn sẽ chọn tự động hóa định dạng mã nguồn khi lưu files. nếu là fan của Prettier, bạn đừng quên plugin JsPrettier .
Hướng Dẫn Sử Dụng Sublime Text

Hướng dẫn sử dụng Sublime Text 3 – Canh hàng với Alignment

Alignment giúp cho bạn canh hàng khi khai báo nhiều biến. không những hoạt động giải trí trên JS, Alignment còn tương hỗ PHP. Để tùy chỉnh plugin này, bạn hoàn toàn có thể xem hướng dẫn .

Loại bỏ khoảng trắng dư thừa bằng Trimmer

Trimmer giúp cho bạn loại bỏ những khoảng trắng thừa nhanh nhất. Bên cạnh đó plugin này còn có tính năng Replace Smart Characters, giúp thay thế những ký tự đặc biệt như « thành <<.
Dùng DocBlockr để viết tài liệu

Trong lúc viết code, đôi lúc tất cả chúng ta phải viết thêm tài liệu miêu tả về hàm hay lớp đang kiến thiết xây dựng. tiềm năng là để quy trình bảo dưỡng ứng dụng đơn thuần hơn, những thành viên mới gia nhập team cũng dễ trấn áp nội dung hơn. Doc ​ Blockr là plugin giúp bạn viết những tài liệu này rất nhanh, tiện nghi. Chỉ cần để con trỏ ở trước hàm hay phương pháp, gõ / * * và Tab, DocBlockr sẽ tự động hóa biết được những tham số và giá trị trả về .
DocBlockr không những tương hỗ JavaScript mà còn vận dụng được với nhiều ngôn từ khác như PHP, CoffeeScript, TypeScript …

(Nguồn: Tổng hợp)

Lời tổng kết

Qua bài viết trên của ATP Trang Website đã cung cấp đến các bạn đọc một số thông tin về Hướng Dẫn Sử Dụng Sublime Text 3 Mới Nhất 20222. Hy vọng những thông tin trên của bài viết sẽ hữu ích với các bạn đọc. Cảm ơn các bạn đã dành nhiều thời gian để xem qua bài viết này nhé.

ATPWEB – XÂY DỰNG NGÔI NHÀ ONLINE

  • Hotline: 0707 6666 56
  • Fanpage: ATP Web
  • Gmail: [email protected]
  • Website: https://final-blade.com/

Đánh giá post

admin