11/04/2013

Hướng dẫn dùng Sublime text 2


Hướng dẫn dùng Sublime text 2
  • Tutorial Details
  • Độ khó: Trung Bình
  • Thời gian: 16 phút
  • File size: 56 Mb

Sublime text 2 là một editor khá mới, và nó vẫn còn trong giai đoạn thử nghiệm. Tuy nhiên, nó đã cung cấp một hiệu suất làm việc với các tính năng rất tuyệt vời, làm mình phải chuyển từ Dreamweaver sang dùng nó.
Sublime text 2 bản thân nó đã hổ trợ rất nhiều thứ cho các nhà phát triển web, và ngoài ra nó còn có một hệ thống thư viện Plugins rất phong phú và đa dạng. Trong bài hôm này, mình sẽ giới thiệu với các bạn về cách sử dụng cơ bản và chuyên sâu về sublime text 2.

Cách sử dụng

Thời lượng: 16 phút
Screen size: HD 720p
Download: MediaFire
File Size: 56 Mb

Plugin cần thiết

Đây là danh sách các plug-in cần phải có khi sử dụng Sublime text 2, nó sẽ giúp cho các bạn đỡ tốn 1 khối thời gian đấy. Cách sử dụng thì mình đã hướng dẫn trong video phía trên. Ngoài ra thì còn rất nhiều phugin khác, các bạn có thể xem thêm tại đây: http://wbond.net/sublime_packages/community
  • Sublime Prefixr (Ctrl+Alt+X)
  • Sublime Alignment (Ctrl+Alt+A)
  • Jquery
  • Jquery snippets
  • Nettuts Fetch
  • Sublime CodeIntel
  • Tag
  • Prefixr
  • Google search
  • WordPress
  • HTML5
  • Indent Guides
Lưu ý: Các plugin không nên dùng: 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 ý.
Ngoài ra, khi cài các plugin các bạn nên xem nó hổ trợ phiên bản dành cho hệ điều hành nào nhé.
Các plug-in nào mới mình sẽ update tính năng & cách sử dụng ở đây.
Trailling Space: Giúp bạn phát hiện bỏ đi những khoảng trắng dư thừa trong quá trình code. Sau khi cài đặt thì bạn có thể nhận thấy rằng các vùng có khoảng trắng dư nó sẽ tự hightlight lên.

Ngoài ra, bạn cũng có thể tạo thêm phím tắt để khi bấm vào phím tắt, nó sẽ xóa tất cả các khoảng trắng dư thừa. Sau đây là cách thực hiện:
1/ Bạn vào menu Preference > Key Bindings – User
2/ Khi nó mở ra một tab mới, trong tab mới sẽ chỉ có dấu [ ] (ngoặc vuông). Các bạn 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+t"], "command": "delete_trailing_spaces" }
Sau đó, bạn khởi động lại ST2 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+t

Võ Minh Mẫn

0 nhận xét:

Đăng nhận xét