ESLint: Sử dụng các quy tắc mặc định được đề xuất với các ứng dụng angularjs

Question

Gần đây tôi đã thêm ESLint-ing vào ứng dụng góc của tôi và sớm nhận ra rằng tôi cần plugin eslint-plugin-angular để ứng dụng của tôi được tô màu chính xác.

Trước đó, tôi đã sử dụng thuộc tính mở rộng trong tệp .eslintrc của mình và đặt thành eslint:recommended để sử dụng bộ quy tắc được đề xuất cho eslint.

{ 
    "extends": "eslint:recommended" 
} 

Tôi đã thử nghiệm điều này bằng cách thêm dấu phẩy sau vào định nghĩa đối tượng trong mã của tôi để đảm bảo rằng tôi thấy lỗi xuất hiện từ eslint.

Bây giờ, hãy làm theo hướng dẫn cho góc bổ trợ-góc cạnh, tôi cũng đã cài đặt khung hình-eslint-góc và tôi thấy rằng cách nhanh nhất để bắt đầu là sử dụng cấu hình có thể chia sẻ.

Nếu tôi sử dụng mở rộng tùy chọn cấu hình góc ở vị trí của hiện tại của tôi:

{ 
    "extends": "angular" 
} 

tôi không còn nhận lỗi của tôi ném cho một dấu phẩy dấu bất ngờ.

Vì vậy, có cách nào tôi có thể sử dụng cả góc cạnh và eslint:recommended trong tùy chọn cấu hình mở rộng? ví dụ:

{ 
    "extends": ["angular", "eslint:recommended"] 
} 

(mà tôi biết không làm việc)

Nếu không, không có nghĩa là tôi có để tạo ra một quy tắc đối tượng config trong .eslintrc tôi để bắt chước những người được đề nghị từ eslint?

{ 
    "extends": "angular", 
    "rules" : { 
    ... 
    } 
} 

Answer 1

tôi không thể nói hay không có một thay đổi mã giữa thời gian SO bài viết này đã được nhập nhưng tôi đang sử dụng "extends": ["eslint:recommended", "angular"] trong tập tin .eslintrc của tôi và nó đang làm việc tốt. Tôi có nó ở cùng cấp với thuộc tính "env".

Tệp package.json của tôi có eslint và eslint-plugin-angular phiên bản 2.3.0 và 0.5.0, tương ứng.

Answer 2

Nếu bạn đang sử dụng TypeScript (như Angular2), bạn có thể sử dụng tslint. Có eslint rules for tslint và tslint-microsoft-contrib từ Microsoft.

Cuối cùng, có một quy tắc được đặt cho Angular2: codelyzer