[ SERIES] HƯỚNG DẪN CÀI ĐẶT VÀ SỬ DỤNG 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 rất thích sử dụng đó là Sublime Text 2 , trước kia khi chưa biết đến nó mình chỉ tin dùng NetBeans hoặc Eclips thôi, nhưng từ khi biết tới nó thì mình đã ngay lập tức chuyển sang và dùng Sublime text 2 để viết Code từ đó đến giờ đã được gần một năm.

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 kể trên. 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   :))))).

I: CÀI ĐẶT SUBLIME TEXT 2

Hôm nay mình sẽ hướng dẫn các bạn cài đặt Sublime text 2.0.2 nhé, lúc mình viết bài này thì đã có sublime text 3 nhưng chỉ ở phiên bản beta thôi, hơn nữa mình đã thử cài đặt bản 3.x nhưng khi cài bản này vào mình nhận thấy một điều là đa số các Plugin của phiên bản 2.x  không chạy được trên bản 3.x, có lẽ nó sẽ cần một chút thời gian để giải quyết vấn đề tương thích với các Plugin. Okay Here We Go  … one – two!

Đầ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é.

cài đặt sublime text 2

II: CẤU HÌNH CƠ BẢN VÀ CÀI ĐẶT NHỮNG PLUGIN CẦN THIẾT.

Sublime text sử dụng Package Control để 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 này  để 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.

1
2
3
4
5
6
7
8
import urllib2,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0';
pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path();
os.makedirs( ipp ) if not os.path.exists(ipp) else None;
urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) );
by = urllib2.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read();
dh = hashlib.sha256(by).hexdigest();open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None;
print('Error validating download (got %s instead of %s),
please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

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 sublime text 2

Để 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.
cài đặt sublime text

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:
1
{ "keys": ["ctrl+shift+d"], "command": "delete_trailing_spaces" }

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 cua series

 

Nguồn: http://www.toidongian.com/series-huong-dan-cai-dat-va-su-dung-sublime-text-2.html

Tagged with: ,
Posted in Editor, Sublime Text

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: