• fans
  • 1036 reader
  • followers
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 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 Website facebook twitter user_email

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......

  • Vũ Mạnh Tú

    Plugin gõ tiếng việt cho Sublime Text 3 – Linux

    http://sinhvienit.net/forum/plugin-go-tieng-viet-sublime-text-3.309561.html

  • Chung

    Ai có cái package Tag không cho e xin với ạ, giờ st2 không có Tag nữa. Thank

  • Lê Anh Tuấn

    Làm thế nào để khi gõ div nó tự thêm comment khi kết thúc div thế anh?

  • Willy Mai

    sao mình làm giống như trên nhưng lúc type nó k hiện hint ra, phải bấm ctrl + space thì nó mới chịu hiện -_-

  • chipnumb

    Rất hay. Đang cần thiết. Thanks anh!

  • Oai lê

    sao mình gõ div mà nó ko ra như cai này

    Help me

  • Xanh

    Sao em không dùng được prefixr nhỉ. Cài xong restart lại rồi mà. Gõ xong border-radius nhấn ctrl+alt+x không thây gì cả.

  • Cily Kẻ Đáng Ghét

    Khi mà mình mở sửa 1 file trên host, thì nó tự động nhẩy sang 1 trang mới chứ nó không vào 1 tab mới, sao khắc phục đc :(

  • Mình xài bootstrap có nhiều class bên CSS. Liệu khi code HTML5 trên Sublime Text 2, làm sao để nó auto-syntax những class đã có sẳn bên bootstrap không? Các bạn nào từng xài Visual Studio sẽ dễ dàng biết điều này.

  • MoK

    Xin lỗi mình hỏi câu này hơi ngu ngốc xíu , mình đã cài được sublime text 2 nhưng nó chỉ chạy được file html thui , mình muốn nó chạy được cả file .php và chạy trên localhost nhưng mình ko biết làm sao cả , mình chuyển từ dream weaver qua xài phần mềm này vì thích mà ko biết chạy file php sao đây mong mọi người hướng dẫn

  • Tấn Việt

    Cho mình hỏi, nếu trong file có rất nhiều hàm (function) thì làm thế nào mình có thể tìm đến hàm đó 1 cách nhanh chóng? Sublime có hiển thị danh sách hàm trong file không?

  • truong anh le

    sao mình gõ code nó k tự sổ hướng dẫn code như trong video nhỉ mà phải ấn ctr+space mới hiện ra .ai biết chỉ giúp mình với.

  • http://www.nvhtien.com/ Tien Nguyen

    phần codeintel hình như khg được hoàn hảo thì phải?

  • anhnm

    trên macbook thì gõ phím nào để chạy đc cái prefixr nhỉ

  • DarkKnight

    @@ không nghe rõ à bạn, có phí, nhưng cứ dow về dùng, đến 1 đoạn thời gian dài, nó bảo bạn chưa mua bản quyền và hỏi bạn có muốn mua ko? bạn cứ bấm no và dùng tiếp thôi, nó ko ảnh hưởng gì cả, mua cũng đc ko mua cũng đc :D

  • DarkKnight

    Buid system là sao, mục đích là gì, lên làm theo hướng dẫn mà ko làm đc. Ai rõ buid này là sao ko. THây trong video có bấm ctr+shift+B mà bấm cứ ra lỗi no buid system.

    • Khanh Nguyen

      ctrl+shift+P

      • DarkKnight

        thank you :D Khổ P mà cứ nghe thành B

  • thienbao

    Nói chung là cũng có nhiều tính năng hay hơn Dream, cơ mà vẫn còn thua xa PHPStorm :D

  • Ánh Dương

    Em muốn hỏi muốn hightlight các dấu {} để dễ tìm đoạn như notedpad ++ thì dùng setting ra sao hay plugin gì …

    • http://www.wantplugin.com/ Loc_rabbirt

      bạn tìm plugin Bracket Highlighter nhé, đọc luôn cách edit của họ trong readme hoặc trên github để biết cách sử dụng nhé

  • Tori Tran

    cám ơn bác Mẫn

  • Thái Nguyễn Duy

    Cho mình hỏi là muốn dùng ftp để code trên server của sublime text thì làm như nào ^^

  • phuc

    sao mình không config được plugins vậy. Bạn nào có thể chỉ cho mình cái được ko

  • http://cau28xhp.wordpress.com Huy

    Mình nhấn Ctrl + B thì Sublime báo là “No Build System” vậy mình phải làm sao để hiện ra.

    • http://www.wantplugin.com/ Loc_rabbirt

      xây dựng 1 build system trước, rồi bạn mới có thể sử dụng nó, cách build system bạn google ra đi nhé :)

Newbie

Các series nên xem trên izwebz cho newbie

Khi vào izwebz chắc nhiều bạn cho rằng các bài viết trên izwebz đều không có hệ thống gì cả? Thực chất, các bài biết đều đi theo một series của riêng nó, ví dụ như PHP, HTML & CSS, PSD2HTML, Photoshop, illustrator,… Trong bài viết này, mình sẽ tổng hợp lại các series bài viết cần thiết cho một newbie.

Izwebz facebook group

Social connect

Recent Comments

Archives