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

Đâ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 trong thiết kế website 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

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

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 thiết kế website, 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.

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 trong thiết kế website 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:

{ "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