Sublime text là công cụ editor cho các dev web vô cùng mạnh mẽ, nó có giao diện dễ nhìn và các package hỗ trợ để các bạn code nhanh chống hơn và cũng đỡ nhớ các từ khóa cũng như các mã màu.
Các bạn tải sublime text tại đây nhé!
Tùy vào hệ điều hành máy tính bạn mà chọn cho phù hợp nhe!
À trước khi cài được gói package bạn phải cài package control của Sublime nha!.
Sau đó tiến hành khởi động lại Sublime Text để áp dụng nhé!
Khi bạn muốn cài đặt package mới thì bạn vào Preferences -> Package Control -> Install Package.
Lưu ý: với mỗi package khi cài xong bạn phải khởi động lại sublime text để áp dụng package đó nhé!
Package giúp gợi ý tên các file có trong thư mục, nó cũng khá hữu ích mình không cần phải lục lội trong thư mục có những file gì rồi điền vào, đôi khi bị sai tên file còn không chạy nữa.
Package này hữu ích cho các bạn front-end, nó giúp các bạn không cần phải nhớ những thứ code khó nhớ để hỗ trợ cho mọi trình duyệt.
Package giúp bạn hiển thị luôn màu sắc của mã màu, sẽ tốt cho các bạn front-end đấy.
Package giúp bạn tạo code html vô cùng chuyên nghiệp, vô cùng ngắn bởi những mã cực kì ngắn. Nó yêu cầu bạn phải tìm hiểu để sử dụng nó.
Package này giúp bạn chọn màu dễ dàng, rất là tiện lợi. Phím tắt của package là ctrl + shift + c.
Package cho phép tự động lưu file mà không cần phải ấn save. Nó rất hữu ích cho các bạn front-end nếu như kết hợp thêm package thứ 7 bên dưới. À phím tắt để bật tắt tính năng này sau khi cài là: Ctrl + alt + S.
Đúng vậy như tên gọi của nó, nó sẽ tự động reload trình duyệt của file đó khi file đó được lưu lại, phải nói là rất tuyệt với nếu chúng ta kết hợp nó với auto save. Lưu ý nếu bạn sử dụng trình duyệt nào thì cũng cần cài extensions cho trình duyệt đó nữa nhé.
Package thật hữu ích khi sử dụng laravel, package giúp mở command line ngay khi ở trong sublime text, phím tắt của nó là: ctrl + shift + t nhé.
Package này giúp các bạn có thể dễ dàng tìm ra các function,class,.. đang sử dụng được viết từ đâu…
Package giúp cho các bạn có thể dễ nhìn ra phần mở/ đóng của thẻ nằm ở chỗ nào.
Package cho phép bạn tạo nhanh getter and setter cho php.
Mình đã cài các package ở trên, và đã export lưu trên git. Các bạn có thể sử dụng cách này để import các package nhanh gọn và đỡ tốn công sức.
Bước 1: Ấn tổ hợp phím ctrl + shift + p và chọn insall package (nếu đã instal rồi chuyển sang bước 3)
Bước 2: Gõ tìm kiếm Sync Setting và click vào
Bước 3: Ấn tổ hợp phím ctrl + shift + p và chọn Sync Setting: Edit User Setting
Bước 4: Paste đoạn code bên dưới vào (này là id gist – bạn có thể thay đổi thành gist của bạn đã backup bằng cách vào git chọn your gist ở icon user, URL phía sau username là gist id)
{
"gist_id": "5a634e2a3203fcf7315374e1a0292ace"
}
Bước 5: Ấn tổ hợp phím ctrl + shift + p và chọn Sync Setting: Download đợi quá hình hoàn tất là ok
Bước 1: Ấn tổ hợp phím ctrl + shift + p và chọn insall package (nếu đã instal rồi chuyển sang bước 3)
Bước 2: Gõ tìm kiếm Sync Setting và click vào
Bước 3: Ấn tổ hợp phím ctrl + shift + p và chọn Sync Setting: Create And Update
Bước 4: Vào link https://github.com/settings/tokens/new nhập tiêu đề, check vào gist và chọn generate token. Lấy token gắn vào bên dưới . Và lấy mã đó gắn vào file tạo ở bước 3 và lưu lại.
{
"access_token": "",
}
Bước 5: Ấn tổ hợp phím ctrl + shift + p và chọn Sync Setting:Create And Update. Nếu có thông báo hiện ra thì bấm yes nhé!
This content is password-protected. Please verify with a password to unlock the content.
Submit
Tab
Chỉnh sửa
Điều hướng
Cài đặt chung
Nguồn: https://topdev.vn/blog/huong-dan-toi-uu-sublime-text-cho-coder/
Các bạn vào Sublime Text => Preferences => Browse Packages… => chọn thư mục User và paste các file giải nén bên dưới vào thư mục User nhé!
Link download: https://drive.google.com/
