[Atom] Tự động hoàn thiện lệnh
Atom
1
editor
5
Javascript
247
White

dominhhai viết ngày 01/09/2017

atom.auto-complete

Các trình soạn thảo mã lệnh hầu hết có tính năng auto-complete (tự động hoàn thiện lệnh) khi gõ. Nhờ có tính năng này mà chúng ta có thể gõ mã nhanh hơn và không cần phải nhớ hết làu làu các API của ngôn ngữ, thư viện nào đó. Hầu hết các API có tên rất dễ liên tưởng tới tính năng của nó nên chỉ cần nhìn là biết ngay nó dùng để làm gì. Thử tưởng tượng nếu không có tính năng này thì chúng ta sẽ ra sao.

  • Một là cực kì pro vì nhớ được hết các API (lúc mới học code gì đó thì mình chọn cách này)
  • Hai là bạn gõ code như con rùa vì vừa phải gõ vừa phải nhớ và vừa phải Google hay đọc References loạn lên.

Vậy nên khi làm sản phẩm hay biết nhất định về ngôn ngữ ta nên theo hướng sử dụng tính năng tự động hoàn thiện. Với Atom, tin vui là ta có sẵn gói autocomplete-plus được cài mặc định.

autocomplete+

Gói này mặc định giúp ta tự động được hoàn thiện khá nhiều các lệnh cơ bản với JavaScript, HTML, CSS. Tuy nhiên điểm cool của nó là có thể hỗ trợ được rất nhiều các lệnh khác như của PHP, Ruby hay Java... bằng cách tích hợp các gói ngôn ngữ con qua API provider. Để sử dụng được tính năng này ta chỉ việc gõ và nó sẽ tự động hiển thị ra các lệnh khả thi từ các kí tự ta nhập vào. Sau đó ta chọn bằng phím ↑↓ rồi gõ Enter hoặc Tab là xong như ví dụ bên dưới đây.

autocomplete-plus

Với Node.js mình cài thêm gói atom-ternjs. Gói này sẽ tự động hoàn thiện các lệnh của cả JS, Nodejs hay các thư viện nổi tiếng như jQuery, Angular, React... cực kì tiện lợi.

{
  "ecmaVersion": 6,
  "libs": [
    "browser",
    "jquery"
  ],
  "loadEagerly": [
    "path/to/your/js/**/*.js"
  ],
  "dontLoad": [
    "path/to/your/js/**/*.js"
  ],
  "plugins": {
    "complete_strings": {},
    "node": {},
    "lint": {},
    "angular": {},
    "requirejs": {},
    "modules": {},
    "es_modules": {},
    "doc_comment": {
      "fullDocs": true
    }
  }
}

Để sử dụng atom-ternjs, ta cần tạo file cấu hình cho project của mình, vì nó sẽ dự vào file cấu hình này để biết được các lệnh nào khả dĩ cho ta. Ví dụ ta cần Nodejs thì ta thêm nodejs vào là xong. Sau khi tạo file cấu hình xong bạn nhớ khởi động lại gói này nhé.

autocomplete-plus

Tham khảo:

Bài gốc: tại đây

P/S: Nếu bạn nào có nhã hứng muốn so sánh các Editor thì làm buổi giao lưu cái nhỉ?

Bình luận


White
{{ comment.user.name }}
Bỏ hay Hay
{{comment.like_count}}
Male avatar
{{ comment_error }}
Hủy
   

Hiển thị thử

Chỉnh sửa

White

dominhhai

5 bài viết.
29 người follow
Kipalog
{{userFollowed ? 'Following' : 'Follow'}}
Cùng một tác giả
White
31 2
1. Giới thiệu Với các đặc tả JavaScript cũ, ta phải sử dụng các hàm phản hồi để xử lý các thao tác bất đồng bộ. Tuy nhiên việc này dẫn tới tình tr...
dominhhai viết hơn 1 năm trước
31 2
White
14 11
Bài này mình copy lại từ (Link) của mình, muốn chia sẻ thêm cho anh em. Có chỗ nào sai sót, chưa hợp lý, hay thiếu thốn thì mong được mọi người chỉ...
dominhhai viết 3 năm trước
14 11
White
5 0
Sử dụng Let's Encrypt để https hóa máy chủ (Link) là một dịch vụ ngonbổmiễn phí cho việc HTTPS hóa máy chủ. Môi trường được sử dụng trong bài viế...
dominhhai viết hơn 1 năm trước
5 0
{{like_count}}

kipalog

{{ comment_count }}

bình luận

{{liked ? "Đã kipalog" : "Kipalog"}}


White
{{userFollowed ? 'Following' : 'Follow'}}
5 bài viết.
29 người follow

 Đầu mục bài viết

Vẫn còn nữa! x

Kipalog vẫn còn rất nhiều bài viết hay và chủ đề thú vị chờ bạn khám phá!