Hướng dẫn cài đặt sublime text 2

Hôm nay mình sẽ giới thiệu với các bạn một Editor mà mình mới biết tưởng chừng như nó chỉ giống như notepad++ hoặc vim nhưng sau một thời gian làm quen và sử dụng mình thấy nó rất hay (nhanh, gọn, nhẹ). Các bạn cùng xem qua cách cài đặt và hướng dẫn sử dụng làm quen ban đầu với nó nhé.

Sublime text 2 hoàn toàn miễn phí nhưng điều mà mình thích nhất ở Editor này là sự nhẹ nhàng, mạnh mẽ, nhiều Plugin hỗ trợ cho việc viết code, nó tốn ít tài nguyên để vận hành (RAM) và cài đặt cũng dễ hơn rất nhiều so với hai thằng IDE mà mình trước giờ vẫn dùng đó là Netbean và Eclipse. Do đó nó cho hiệu suất làm việc phải nói là tuyệt vời ông mặt trời, vậy các bạn còn trần trừ gì nữa hãy trang bị cho mình vũ khí thật tốt để lao vào cuộc chiến nào. Ở thời điểm mình đang viết đây có sublime text 3 nhưng hiện tại mình đang dùng quen subtext2 nên mình hướng dẫn bằng cái phiên bản này.

1. Cài đặt Sublime Text 2
2. Cấu hình căn bản và cài đặt các Plugin cần thiết

I/ Cài đặt Sublime Text 2

Đầu tiên các bạn hãy vào địa chỉ này http://www.sublimetext.com/2 để download sublime text, các bạn chọn phiên bản phù hợp với hệ điều hành của mình rồi download về, mình khuyên các bạn hãy chọn bản portable version, vì bản này là bản không cần cài đặt nên các bạn chỉ cần download về và bật lên sử dụng thôi. Dưới đây là hình ảnh minh họa cho Sublime text nhé.

Sau khi cài đặt xong, các bạn có thể sử dụng để chỉnh sửa text cho các file được ngay và luôn. Nhưng để tiện cho các lập trình viên cần cài thêm 1 số plugin bổ trợ để cài cắm thêm các chức năng như gợi ý code, tô sáng câu lệnh, …

II/ Cấu hình cơ bản và cài đặt các plugin cần thiết cho lập trình WEB

Sublime text sử dụng Package Control để quản lý cài đặt các plugin khác, vậy trước tiên ta hãy cài đặt Package Control trước. Bạn hãy copy đoạn mã dưới đây hoặc truy cập link để get code, sau đó mở Sublime lên và nhấn tổ hợp phím Ctrl + ` ( dấu ` chính là nút ngay bên dưới nút Esc góc trên bên trái của bàn phím) và Paste đoạn code vừa copy vào sau đó nhấn Enter.

import urllib2,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0' ;

pf = 'Package Control.sublime-package' ; ipp = sublime.installed_packages_path();

os.makedirs( ipp ) if '7183a2d3e96f11eeadd761d777e62404'`0'7183a2d3e96f11eeadd761d777e62404'1 '7183a2d3e96f11eeadd761d777e62404'`2

`'7183a2d3e96f11eeadd761d777e62404'`3

'7183a2d3e96f11eeadd761d777e62404'`4'7183a2d3e96f11eeadd761d777e62404'5 '7183a2d3e96f11eeadd761d777e62404'6`if '7183a2d3e96f11eeadd761d777e62404'`8'7183a2d3e96f11eeadd761d777e62404'1 '7183a2d3e96f11eeadd761d777e62404'`2

+`1+`2

+`3+4 +5+6+`7

Sau khi Sublime cài đặt xong thì nó sẽ có thông báo hãy restart lại sublime để hoàn thành cài đặt, các bạn hãy restart lại nhé.

Để cài đặt các Plugin khác bạn hãy làm như sau.

1, Bạn vào menu Preference > Package Control > Install Package > (tên Plugin ) > enter. Bạn hãy đợi cho đến khi plugin được cài đặt xong thì mới cài plugin khác. Cứ làm như vậy cho đến khi cài đặt xong hết tất cả các plugin mà bạn muốn cài.

2, Để xem danh sách các plugin mà bạn đã cài vào Sublime thì bạn vào:

menu Preference > Package Control > List Package.

Dưới đây là danh sách những Plugin cần thiết để làm cho Sublime trở lên tuyệt vời hơn và nó cũng giúp cho bạn trở thành một coder siêu hạng với tốc độ code phải làm người khác kinh ngạc. Tất nhiên mình cũng sử dụng các plugin này và vẫn còn rất nhiều các plugin khác tại đây: https://sublime.wbond.net để cho các bạn tìm hiểu.

• Sublime Prefixr (Ctrl+Alt+X)
• Sublime Alignment (Ctrl+Alt+A)
• Auto Prefixer
• Auto Select
• Bracket Highlighter
• CodeIgniter Snippets
• Emmet
• Indent Guides
• Jquery
• Jquery snippets
• Nettuts Fetch
• Sublime CodeIntel
• Tag
• Prefixr
• Google search
• WordPress
• HTML5
• Indent Guides
• Trailling Space

Lời Khuyên: Plugin Trailling Space có tác dụng là nó sẽ tự hightlight những khoẳng trắng trong code của bạn.

Và nếu bạn muốn xóa nhanh những khoản trắng đó thì hãy làm theo hướng dẫn sau.

• Bạn hãy vào menu Preference > Key Bindings – User
• Khi nó mở ra một tab mới, trong tab mới sẽ có dấu [ ] (ngoặc vuông). Các bạn đánh dấu chuột vào giữa dấu ngoặc vuông và dán đoạn code dưới đây vào:

+`8+9'e330c659d4bb41d3bdf022e94cab3cd0'0'e330c659d4bb41d3bdf022e94cab3cd0'1'e330c659d4bb41d3bdf022e94cab3cd0'2'e330c659d4bb41d3bdf022e94cab3cd0'3'e330c659d4bb41d3bdf022e94cab3cd0'4'e330c659d4bb41d3bdf022e94cab3cd0'5 'e330c659d4bb41d3bdf022e94cab3cd0'`6

Sau đó, bạn khởi động lại Sublime và nếu cần xóa các khoảng trắng dư thừa thì cứ dùng phím tắt ctrl+shift+d là được.

Note: Có hai thằng plugin là Color Highlighter và Live CSS. Hai plug-in này gây ra lỗi cho bản sublime text 2 trên nền windows, khi cài đặt các bạn nên lưu ý.

Chúng ta sẽ kết thúc bài hương dẫn cài đặt và sử dụng Sublime text 2 tại đây thôi hẹn gặp lại các bạn vào bài tiếp theo của series