Trang chủ WordPressThủ thuật WordPress Sublime Text WordPress Extensions hay dùng

Sublime Text WordPress Extensions hay dùng

bởi Thắng ơi!
1,8K lượt xem

Dưới đây là những extensions hỗ trợ code WordPress trên Sublime Text. Phù hợp với những bạn mới bắt đầu tìm hiểu code vẫn chưa nhớ rõ hết các thành phần của WordPress.

WordPress

Plugin này sẽ tự động tạo các dòng code theo chuẩn cho bạn một cách nhanh chóng, giúp tiết kiệm thời gian tối đa cho việc tra cứu codex.

Hỗ trợ cho Sublime Text 2 và 3

WordPress Developer Resources

Nếu bạn thường xuyên phải vào developer.wordpress.org để tìm và tham khảo code thì đây là cách nhanh chóng cho công việc của bạn. Một Sublime Plugin để tìm kiếm trên WordPress (developer.wordpress.org) hoặc WordPress Codex trực tiếp từ code trông Sublime. Dưới đây là cách nó hoạt động –

Nhấn chuột hoặc (CTRL SHIFT P):

  • Chọn WP Dev Resources (right click) or WordPress Developer Resources , và chọn Search Selection sẽ tự động ở trình duyệt và tìm cho bạn.
  • Search From Input .
  • Function Reference .
  • Search Selection (Codex).

Hỗ trợ cho Sublime Text 2 và 3

WPSeek. com Word Press Developer Assistant

Tự động sinh cho bạn code các function trong WP với các param để bạn tùy chỉnh.

Hỗ trợ cho Sublime Text 2 và 3

WordPressDev

Tự động chuyển đổi chế độ debug trong file config của WP, các bạn có thể thiết lập phím tắt cho trong phần setting.

Hỗ trợ cho Sublime Text 2 và 3

PhpTidy

Hỗ trợ cho Sublime Text 2.

Search Word Press Codex

Hỗ trợ cho Sublime Text 2.

WordPress Customizer

  1. WP Customize Add Pannel
  2. WP Customize Add Section
  3. WP Customize Add Setting
  4. WP Customize Add Control Basic
  5. WP Customize Add Control Image
  6. WP Customize Add Control Upload
  7. WP Customize Add Control Color
  8. WP Customize postMessage JS Basic
  9. WP Customize Register Function

Hỗ trợ cho Sublime Text 2 và 3.

WordPress Snippets

  1. wp_create_plugin
  2. wp_add_menu_page
  3. wp_add_submenu_page
  4. wp_add_menu_with_submenu
  5. wp_add_meta_box

Hỗ trợ cho Sublime Text 3.

Emmet

  • Giúp cho việc code nhanh hơn. Emmet là cho HTML và CSS hoàn thành code nhanh chóng chỉ với cụm từ gợi ý
  • Tuy nhiên việc sử dụng Emmet có đôi chút phức tạp vì bạn phải nhớ các câu lệnh có sẵn, nhưng khi đã làm quen rồi thì Emmet thực sự là một công cụ tuyệt vời. Các bạn có thể xem các lệnh gõ tắt.

AutoPrefixer

Plugin Autoprefixer rất cần thiết cho các bạn làm front-end cho việc hoàn thành nhanh code css phù hợp cho mọi trình duyệt.

Color Highlighter

Package này giúp bạn code css một cách trực quan hơn bằng việc hiển thị luôn màu sắc của mã màu mà bạn đang dùng trong code.

Bracket HighLighter

Plugin này giúp chúng ta có thể nhìn ra phần đóng/mở của thẻ nằm ở vị trí nào .

Đôi lúc chỉ thiếu những dấu ; hay } cũng gây ra lỗi, thì plugin này phần nào giúp chúng ta có thể kiểm soát, khắc phục được những lỗi thiếu sót đấy .

Bài viết liên quan

Bình luận