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

#Võ Minh Mẫn

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.

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

  • Emmet.io
  • 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 HighlighterLive 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é.

——————————-UPDATE—————————

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 ctrl+shift+t

#Võ Minh Mẫn

Nghề chính là chém gió, quăng bom và ném lựu đạn. Nghề phụ là cắt cỏ, chém chuối, cưa cây......

# gửi LỬA

Hãy giúp cho tác giả thêm máu lửa và cảm hứng khi sáng tác với 20k

# thảo luận

Muốn giỏi phải học, muốn học thì phải hỏi. Do đó, trong quá trình học hỏi và nghiên cứu, bạn sẽ luôn có những thắc mắc. Chính vì thế, hãy cùng tham gia thảo luận với nhau để tìm ra câu trả lời thích hợp. Bạn có thể thảo luận ngay trong topic này, hoặc tham gia vào cộng đồng Izwebz Group trên Facebook, hay có thể gửi thư riêng cho tác giả “Võ Minh Mẫn”.

  • Hung Le Manh

    a cho e hoi? sao e ko thay co prefixr vay. a co the share cho e bộ st 2 dc ko. tìm đủ các chỗ roài mà ko thấy và dùng ko dc như của a. cảm ơn a nhiều.

  • ngoc thach

    mình dùng sublime3, cài prefixr thì ko có chỉ có autoprefixr thôi, nhưng nó không hoạt động còn báo lỗi (như hình), với lại làm sao để biết code lỗi, khi mình viết PHP,html sai nó báo lỗi gì cả, mình có dùng sublimelinter, sublimelint nhưng đều ko có tác dụng, hơi nản subline text rồi…

    • http://thegioinho.net/ Đỗ Thành Luân

      Cài node.js vào sẽ hết lỗi nhé bạn.

  • http://travel1000.besaba.com/ Nhật Bảo

    Anh @minhman_com:disqus cho em hỏi có cái plugin nào khi code nó hiện ra gợi ý giống trong dreamweaver không, Ví dụ: khi gỏ khi ‘cách’ trong dreamweaver là nó hiện ra các thẻ như là class, id ….. còn trong sublime text này làm sao anh.!

    • http://minhman.com/ Võ Minh Mẫn

      Em cài thêm cái Sublime Linter vào nhé.

      • http://travel1000.besaba.com/ Nhật Bảo

        Cảm ơn Anh.! :)

  • Sun Red

    Mình bị lỗi này là sao m.n!!!!

#