2014-04-09 22 views
11

Tôi vừa cài đặt WebStorm 8 một vài giờ trước. Tôi đã viết một số công cụ AngularJS, và tôi có một vấn đề khá khó chịu. Plugin AngularJS dường như hoạt động một phần, bất cứ khi nào tôi gõ, tôi nhận được một cửa sổ bật lên intellisense hiển thị tất cả các thuộc tính khác nhau. Tuy nhiên, đó là nơi mọi thứ ngừng hoạt động. Tôi dường như không nhận được khả năng intellisense nâng cao hơn trong tệp .js hoặc tệp .html. Nếu tôi tạo một mô-đun góc gọi là "ứng dụng" bên trong app.js, thì "ứng dụng" KHÔNG hiển thị khi tôi nhập ng-app= vào tệp HTML. Ngoài ra, WebStorm làm nổi bật tất cả các thuộc tính ng- * dưới dạng html không hợp lệ khi chỉnh sửa tệp html. Không có tính năng nào khác của angularjs cũng có thể hoạt động. Tôi không nhận được bất kỳ intellisense trong bindings, ví dụ.Tại sao AngularJS chỉ thị (thuộc tính, vv) hiển thị là "không hợp lệ" trong WebStorm 8?

Tôi đã tìm thấy một số chủ đề ở đây trên SO cho biết tôi có thể cần thêm AngularJS làm Thư viện JavaScript trong cài đặt dự án ... tuy nhiên có hướng dẫn ZERO về cách thực hiện điều đó đúng cách. Các chủ đề trên SO rất ngắn và liên kết đến tài liệu WebStorm rất chung chung, không có bất kỳ chi tiết cụ thể nào. Làm thế nào chính xác một trong những thiết lập AngularJS như là một thư viện JS trong WebStorm? Đó có thực sự cần thiết không?

Tôi nên lưu ý rằng AngularJS thực sự hiển thị trong cài đặt của WebStorm dưới dạng plugin và được kiểm tra. Về cơ bản tôi chỉ có thuộc tính intellisense, nhưng tôi không nhận được hỗ trợ nâng cao nào khác của AngularJS được cho là đi kèm với WebStorm 8. Tôi đã cài đặt và gỡ bỏ hoàn toàn webstorm một vài lần. Không thực sự chắc chắn nơi để đi từ đây ...

Trả lời

4

Bạn đang refrenceing AngularJS từ CDN trong HTML của bạn? Nếu vậy chỉ cần tải xuống góc và tham khảo bản sao cục bộ trong HTML của bạn. Sau đó, các tính năng góc nên bắt đầu hoạt động. Ngoài ra, tôi nghĩ bạn có thể chỉ cần nhấp vào đường dẫn đến CDN góc trong html của bạn, nhấn Alt + Enter và chọn một cái gì đó như thư viện tải xuống.

+7

Quan trọng! Đảm bảo rằng angula.js bạn đã định cấu hình làm thư viện (hoặc được thêm vào dự án của bạn) là phiên bản gỡ lỗi UNCOMPRESSED. Intellisence sẽ không hoạt động trong trường hợp sử dụng phiên bản rút gọn – lena

+0

Cảm ơn, tôi đã thực sự có nó tham chiếu từ một CDN. Tôi nghĩ đó là một phần của vấn đề. – jrista

17

Để thêm góc JS như một thư viện Dự án đi đến

Preferences > Project Settings > JavaScript > Libraries > Add 

và sau đó chọn thư mục góc để thêm vào.

Tôi đang ở trên máy Mac nhưng cửa sổ sẽ gần tương tự.

Bạn cũng có thể làm

ctrl/cmd + shift + a 

(đi đến bất cứ nơi nào) và loại thư viện để có được cùng một vị trí.

Lưu ý: Tôi có Angular được tham chiếu trong tệp html chính của tôi qua https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js và nó hoạt động mà không cần thêm nó làm thư viện.

Edit:

Từ blog Webstorm: Nếu bạn thích sử dụng một CDN, đặt con trỏ qua các tên thư viện nổi bật, nhấn Alt + Enter, và Tải về Thư viện. Điều này sẽ thiết lập một thư viện cục bộ trong bộ nhớ cache của WebStorm (không phải trong dự án của bạn) để WebStorm có thể truy cập các phương thức AngularJS, các chỉ thị, vv để tra cứu tài liệu và tự động hoàn thành.

+0

Tôi đã có nó tham chiếu từ một CDN, vì vậy tôi nghĩ rằng đó là một phần của vấn đề. Tôi đã kết thúc việc phải xóa mọi thứ trong dự án của mình và tạo ra nó mới mẻ, để thực sự có được tất cả để kết nối đúng cách sau khi tải xuống góc cục bộ. Một số thứ dường như không hoạt động ... ví dụ như 'ng-controller =" MyCtrl là "của tôi" và tham chiếu phạm vi thông qua 'my.whatever' dường như không hoạt động chính xác với intelliSense, và đôi khi ngay cả khi chạy . Tôi đã quay trở lại chỉ bằng cách sử dụng 'ng-controller =" MyCtrl "' và các mô hình ràng buộc và không trực tiếp, không có không gian tên ảo. – jrista

+0

Nó vẫn là một tính năng tương đối mới để có thể có một số lỗi treo xung quanh. – Asta

+0

Vâng, tôi nghĩ có lẽ một số lỗi vẫn còn treo xung quanh. Nó hoạt động tốt đến mức bây giờ tôi có thể nhận được hầu hết mọi thứ, và tôi vẫn còn tương đối mới với góc cạnh, do đó, nó không giống như tôi là một cường quốc đánh ra vài nghìn dòng mã một giờ và CẦN một chức năng hoàn hảo hệ thống intellisense. – jrista

5

Cũng đảm bảo bạn có jebra AngularJS plugin

0

Để giải quyết vấn đề này trong IntelliJ tôi đã tải xuống thư viện góc.

Đây là các bước.

Để thêm tệp định nghĩa TypeScript cho thư viện hoặc khung bạn sử dụng, hãy truy cập Tùy chọn | Ngôn ngữ & Frameworks | JavaScript | Thư viện - nhấp vào Tải xuống và tìm kiếm thư viện bạn cần bằng cách nhập tên của thư viện, sau đó nhấn Tải xuống lần nữa.

Các vấn đề liên quan