Hướng dẫn sử dụng Sublime Text 4

Để có thể chuyển từ các mã nguồn lên website thì bạn cần phải có một trang trình soạn thảo và một công cụ có thể giúp bạn truyền tải nội dung ấy lên website của mình. Các bạn hiện đang chưa biết cách cài đặt sublime text và chưa biết kết nối với web hosting thế nào thì Isinhvien sẽ hướng dẫn các bạn thực hiện những bước cài đặt này

Phần mềm

Có rất nhiều trình soạn thảo: VS Code, Sublime Text 3, Notepad ++. Nơi để các bạn đặt những dòng code của mình. Hiện nay mình đang sử dụng trình soạn thảo Sublime Text 3, một phần mềm trình soạn thảo code mình đang sử dụng và cảm thấy dễ cài đặt, và có sẵn trên google, nên mình sẽ hướng dẫn các bạn cài đặt trình soạn thảo này.

Thực chất để cài đặt 1 phần mềm thì không quá khó nhưng mình sẽ hướng dẫn các bạn từ A-Z để những bạn chưa biết gì cũng có thể tải và đặt được phần mềm.

Bước 1: Các bạn search googe ” download sublime text 3″ và kick vào dòng đầu tiên.

Hướng dẫn sử dụng Sublime Text 4
Tìm kiếm từ khóa “dowload Sublime text 3”

Bước 2: Tùy thuộc các bạn đang sử dụng hệ điều hành gì, vì ở đây sẽ có những phiên bản dành riêng cho từng hệ điều hành khác nhau. Mình hiện đang dùng win 7(64bit) nên mình sẽ tải file Windows 64bit.

Hướng dẫn sử dụng Sublime Text 4
Kick vào windows 64 bit, nếu bạn đang sử dụng hệ điều hành windows

Bước 3: Các bạn nhấn vào Run và chạy làm theo hướn dẫn đến cuối quá trình cài đặt thì nhấn vào Finish. Chương trình được cài đặt song sẽ xuất hiện ở Menu.

Hướng dẫn sử dụng Sublime Text 4
Nhấn run và bắt đầu cài đặt đến khi hoàn thành

Sau khi các bạn đã cài đặt song chương trình thì vẫn cần 1 số plugin hổ trợ, để giúp trong quá trình code được thỏa mái và đơn giản hơn.

Mình sẽ giới thiệu đến các bạn 1 số plugin mình thường sử dụng.

Có rất nhiều plugin hổ trợ các bạn các bạn tham khảo thêm tại packagecontrol nhưng ở đây mình sẽ chỉ các bạn các plugin mà mình hiện đang sử dụng và cảm thấy chúng thật sự cần thiết.

Bước 1: Nhấn tổ hợp phim ” Ctrl+shift+P”.

Hướng dẫn sử dụng Sublime Text 4
Điền “install package control” vào ô tìm kiếm rồi nhấn enter

Bước 2: Điền “emmet” nhấn enter.

Hướng dẫn sử dụng Sublime Text 4
Cài đặt plugin. “emmet”

Vẫn còn một số plugin khác để hổ trợ, các bạn lặp lại các 2 bước cài đặt plugin.

  1. HTML-CSS-JS Prettify: Một bài code của bạn đôi khi được sắp xếp rất lộn xộn, với plugin này sẽ giúp những dòng code của bạn trở nên gọn gàng hơn.
  2. SidebarEnhancements: Cung cấp các cải tiến cho các hoạt động trên Thanh bên của Tệp và Thư mục cho Văn bản Sublime.
  3. JavaScript & NodeJS Snippets: Giống như “Emmet” nhưng chỉ dùng cho HTML và CSS. Plugin này giúp bạn gõ các đoạn mã JS nhanh chóng hơn.

    Hướng dẫn sử dụng Sublime Text 4
    Hoạt động sau khi cài đặt JavaScript & NodeJS Snippets:

  4. AutoPrefixer: 1 tính nắng rất cần thiết đối với ai đi theo front-end. nó sẽ chỉ thêm các tiền tố cần thiết và không làm cồng kềnh bảng định kiểu của bạn. Nó thậm chí còn cho phép bạn chỉ định những trình duyệt nào bạn muốn nhắm mục tiêu. Ngoài ra, nó sẽ loại bỏ các tiền tố hiện có không còn cần thiết nữa.
Hướng dẫn sử dụng Sublime Text 4
Hoạt động sau khi cài đặt AutoPrefixer

5. STFP: Plugin này sẽ giúp các bạn có thể kết nối từ sublime text với website hosting của mình. SFTP sẽ lần phần quan trọng tiếp theo. Mình sẽ nói rõ hơn về plugin này.

Trước đây mình cũng như các bạn lúc mới bắt đầu học lập trình web, mình có suy nghĩ viết song file HTML, CSS, thế làm sao để có thể upload nó lên web hosting của mình đây? Mình đã tìm hiểu nhiều plugin và cảm thấy plugin SFTP một tiện ích của Sublime text hổ trợ khá thuận tiện và dễ sử dụng. Sau đây mình sẽ hướng dẫn các bạn cài đặt và sử dụng SFTP.

Để có thể giúp coder giao tiếp trực tiếp với server thì trên ứng dụng sublime text 3 sử dụng package SFTP. Các bạn có thể cài đặt dễ dàng và không mất phí.

Yêu cầu: Bạn đã mua hosting và domain

Sau khi đã cài đặt sublime text 3 và các tiện ích mình đã liệt kê ra ở trên lúc này các bạn cài đặt SFTP

Bước 1: Nhấn tổ hợp phím Ctrl + Shift + P và chọn Install package control sau đó nhấn enter

Hướng dẫn sử dụng Sublime Text 4
Bước 1. Hướng dẫn cài đặt SFTP

Bước 2: Điền vào bảng vừa hiện lên SFTP và nhấn enter

Hướng dẫn sử dụng Sublime Text 4
Bước 2. Hướng dẫn cài đặt SFTP
Hướng dẫn sử dụng Sublime Text 4
Bước 2.1 Nếu hiện ra bảng này thì bạn đã cài đặt thành công

Bước 1: Kéo thả folder làm việc cần làm việc của bạn vào sublime text.

Bước 2: Kích chuột phải vào forder trong Sublime text -> chọn SFTP/FTP -> chọn Map to remote

Hướng dẫn sử dụng Sublime Text 4
Bước 2. Kích chuột phải vào folder

Bước 3: Lúc này sẽ hiện ra một filemới. Các bạn đã vào file STFP là tiến hành cấu hình cho chúng

Hướng dẫn sử dụng Sublime Text 4
Bước 3. Lúc mới hiện ra file SFTP sẽ trông như thế này

Bước 4: Chỉnh sửa cấu hình. Các chỉnh sửa mình đã ghi bên trong ảnh

Hướng dẫn sử dụng Sublime Text 4
Bước 4. Chỉnh sửa cấu hình

Ở đây vì tính bảo mật của trang web nên host, user, password chỉ để tham khảo và không chính xác, nhưng khi các bạn làm thì hãy điều đúng host, user, password mà nhà cung cấp đã cấp cho bạn.

Bước 5: Sau khi đã cấu hình song thì ta kích chuột phải vào forder trong sublime text và nhấn Dowload. Để tải tất cả các file trên server về

Hướng dẫn sử dụng Sublime Text 4
Bước 5. Dowload tất cả tài liệu trên website về máy

Bước 6: Việc tải về hoàn tất thì các bạn cứ thế mà viết và up load trực tiếp lên website của mình thôi!

Như vậy là mình đã giới thiệu song về cách cài đặt Sublime text 3, các plugin, và hướng dẫn cách kết nối với web hosting của mình! Nhớ like share mọi người cùng biết đến nhé! Chúc các bạn thành công!


Viết code là công việc mà tất cả các lập trình viên đều phải làm, không những thế mà còn đều đặn hơn cơm bữa nữa là đằng khác. Vì tính chất đặc thù của mỗi loại code nên chúng ta không thể sử dụng những công cụ soạn thảo văn bản thông thường như Microsoft Word, WordPad hay Notepad … để làm việc được.

Chính vì thế hôm nay mình sẽ giới thiệu cho các bạn phần mềm Sublime Text – một trình soạn thảo code chuyên dụng cho tất cả các lập trình viên.

Ưu điểm nổi bật của phần mềm này là gọn nhẹ, linh hoạt, hoạt động cực kỳ ổn định và điều tuyệt vời khác nữa là nó có thể chạy trên cả 3 nền tảng hệ điều hành phổ biến hiện nay đó là: Windows, macOs và Linux.

Nếu bạn đang là lập trình viên, hoặc đang chân ướt chân ráo bước vào nghề này thì mời các bạn cùng tham khảo bài viết này nhé !

Hướng dẫn sử dụng Sublime Text 4

Đọc thêm:

I. Phần mềm viết code Sublime Text có gì nổi bật ?

Trước khi cài đặt phần mềm Sublime Text thì chúng ta cũng nên điểm qua những tính năng nổi bật của phần mềm này đã chứ nhỉ 😀

  • Chắc chắn rồi, phần mềm Sublime Text cực kì gọn nhẹ, sử dụng được trên hầu hết các hệ điều hành phổ biến hiện  nay.
  • Kho plug-in cực kỳ phong phú, tính đến thời điểm hiện tại đã có khoảng 3300 plugin tại Package Control, chưa kể các plugin khác không liệt kê chính thức trên này.
  • Hỗ trợ rất nhiều ngôn ngữ lập trình, cho dù bạn dùng PHP, Ruby, Python, Java, ShellScript, hay HTML/CSS/JS đều được.
  • Giao diện UI đẹp, dễ sử dụng và thân thiện với người sử dụng.
  • Có tất cả các tính năng chủ đạo (Key Features) của các IDE nổi tiếng như PHP Storm, Netbean,…
  • Và còn rất rất nhiều tính năng hay ho khác đang đợi bạn khám và phá.

II. Cách cài đặt Sublime Text 3 trên Windows

Oke đủ rồi, bắt đầu cài đặt nào !

+ Bước 1: Truy cập vào trang : https://sublimetext.com để tải về phần mềm. Click vào nút Download for Windows ngay đầu trang.

Lúc này nó sẽ tự động phát hiện hệ điều hành bạn sử dụng để đưa ra link đúng cho các bạn tải về, nên các bạn hãy cứ yên tâm nha 😀

Hướng dẫn sử dụng Sublime Text 4

+ Bước 2: Mở file .exe vừa tải để bắt đầu cài đặt. Còn việc cài đặt thì rất đơn giản, bạn chỉ cần Next liên tục rồi Finish là xong thôi.

Hướng dẫn sử dụng Sublime Text 4

Note: Đây là một phần mềm trả phí, nhưng với bản miễn phí bạn vẫn sử dụng được hết tính năng của nó, chỉ là thỉnh thoảng bị hỏi mua bạn quyền thôi, nhưng mình nghĩ không vấn đề gì cả. Nó cũng tương tự như phần mềm giải nén Winrar vậy. Bạn vẫn có thể sử dụng được mọi tính năng, chỉ có điều là thỉnh thoảng nó hiện lên thông báo gạ mua bản quyền mà thôi 🙂

III. Cài đặt Package Control cho Sublime Text 3

Package Control là công cụ hữu ích giúp bạn quản lý, cài đặt, xóa, kích hoạt,… Themes hay các plug-in (tiện ích mở rộng) của hàng ngàn Developer trên toàn thế giới.

Bạn sẽ có 2 cách để cài đặt nó, mình sẽ hướng dẫn chi tiết từng cách một, bạn sử dụng cách nào cũng được nhé.

Cách 1 : Cài bằng lệnh

+ Bước 1: Truy cập vào trang Package Control và copy đoạn mã như trong hình.

Hướng dẫn sử dụng Sublime Text 4

+ Bước 2: Mở Sublime Text 3 lên, gõ tổ hợp Windows + ~ để mở Console của nó.

Sau đó bạn dán đoạn code vừa copy ở trên vào => và nhấn Enter để thực hiện lệnh cài đặt Package Control.

Hướng dẫn sử dụng Sublime Text 4

+ Bước 3: Bạn nhấn tổ hợp Windows + Shift + P rồi gõ Package Control để sử dụng.

Hướng dẫn sử dụng Sublime Text 4

Cách 2: Cũng đơn giản không kém

+ Bước 1: Bạn nhấn tổ hợp phím Windows + Shift + P rồi gõ vào từ Install => và chọn Install Package Control.

Hướng dẫn sử dụng Sublime Text 4

+ Bước 2: Nhấn tổ hợp phím Windows + Shift + P rồi gõ Package Control để sử dụng.

Hướng dẫn sử dụng Sublime Text 4

Cách này đơn giản hơn đúng không các bạn 😀 😀

IV. Cách cài Plug-in trong Sublime Text 3

Plugin là phần mở rộng giúp tăng thêm các tĩnh năng hữu ích mà mặc định Sublime Text không sở hữu. Cài nó cũng rất đơn giản thôi.

+ Bước 1: Ấn tổ hợp Windows + Shift + P => rồi gõ Package Control=> chọn Package Control : Install Package

Hướng dẫn sử dụng Sublime Text 4

+ Bước 2: Gõ tên plugin bạn cần cài, nếu không biết thì bạn có thể tham khảo Google một số plugin nên có cho WordPress, PHP,v.v… .

Ví dụ mình muốn cài plugin tên là Emmet thì mình sẽ gõ từ khóa emmet vào khung tìm kiếm và lựa chọn kết quả gợi ý bên dưới để tiến hành cài đặt.

Hướng dẫn sử dụng Sublime Text 4

+ Bước 3: Sau khi đã xác định được chính xác plugin cần cài, click vào nó và chờ cho nó được cài đặt. Một số plugin khi cài thành công sẽ có thông báo như thế này.

Hướng dẫn sử dụng Sublime Text 4

Lời kết

Thực sự mà nói thì phần mềm Sublime Text 3 là một công cụ soạn thảo code chuyên nghiệp nhất hiện nay, có thể sử dụng miễn phí, nói chung là rất tuyệt vời phải không các bạn 🙂

Nó sẽ là một trợ thủ vô cừng đắc lực trong quá trình học tập và làm việc của các lập trình viên. Hãy truy cập blog thường xuyên để xem thêm những thủ thuật mới về Sublime Text 3 mà mình sẽ chia sẻ trong các bài viết tiếp theo nhé.

Hi vọng bài viết sẽ hữu ích với bạn. Chúc các bạn thành công !

CTV: Nguyễn Thanh Tùng – Blogchiasekienthuc.com

Note: Bài viết này hữu ích với bạn chứ? Đừng quên đánh giá bài viết, like và chia sẻ cho bạn bè và người thân của bạn nhé !