Tôi tạo javascript ở đâu?
Hỗ trợ mã hóa nhận biết JavaScript bao gồm hoàn thành từ khóa, nhãn, biến, tham số và chức năng, định dạng, kiểm tra mã và sửa lỗi nhanh, cũng như tái cấu trúc phổ biến và dành riêng cho JavaScript. PyCharm cũng tích hợp với JavaScript linters và Flow type checker Show
Với trình gỡ lỗi tích hợp, bạn có thể gỡ lỗi cả mã phía máy khách và phía máy chủ, thậm chí chạy các đoạn mã JavaScript trong bảng điều khiển trình gỡ lỗi tương tác. Lưu ý rằng PyCharm chỉ hỗ trợ gỡ lỗi JavaScript trong Chrome hoặc bất kỳ trình duyệt nào khác của Chrome family. Learn more from Debug JavaScript in Chrome. PyCharm tích hợp với các khung thử nghiệm Jest, Karma, Protractor, Cucumber và Mocha. PyCharm hỗ trợ chạy và gỡ lỗi các bài kiểm tra cũng như điều hướng giữa các bài kiểm tra và chủ đề hoặc giữa một bài kiểm tra không thành công và đoạn mã gây ra sự cố Trên trang này, bạn sẽ tìm thấy một Hướng dẫn bắt đầu ngắn sẽ hướng dẫn bạn từng bước từ việc tạo ứng dụng web đến gỡ lỗi và kiểm tra ứng dụng đó Trước khi bạn bắt đầuĐảm bảo plugin JavaScript và TypeScript được bật trong phần cài đặt. Nhấn Ctrl+Alt+S để mở cài đặt IDE và chọn Plugin . Nhấp vào tab Đã cài đặt . Trong trường tìm kiếm, nhập JavaScript và TypeScript . Để biết thêm chi tiết về plugin, hãy xem Quản lý plugin. Tạo một ứng dụng mới
Bắt đầu với một ứng dụng JavaScript hiện cóNếu bạn định tiếp tục phát triển một ứng dụng JavaScript hiện có, hãy mở nó trong PyCharm, và định cấu hình các thư viện trong đó. tùy chọn Mở các nguồn ứng dụng đã có trên máy của bạn
Kiểm tra các nguồn ứng dụng từ kiểm soát phiên bản của bạn
an ninh dự ánKhi bạn mở một dự án được tạo bên ngoài PyCharm và được nhập vào đó, PyCharm sẽ hiển thị một hộp thoại trong đó bạn có thể quyết định cách xử lý dự án này bằng mã nguồn lạ Chọn một trong các tùy chọn sau
Tìm hiểu thêm từ Bảo mật dự án Dự án được tạo từ màn hình Chào mừng hoặc qua Tệp. Mới. Dự án như được mô tả trong sẽ tự động được coi là đáng tin cậy. Chọn phiên bản ngôn ngữ JavaScriptĐể nhận được hỗ trợ viết mã hiệu quả và đáng tin cậy, bạn cần chỉ định phiên bản ngôn ngữ sẽ được sử dụng trong tất cả các tệp JavaScript của dự án của bạn theo mặc định
Sử dụng nhiều phiên bản JavaScriptNếu bạn đang làm việc trên một ứng dụng sử dụng cả ECMAScript 5. 1 và phiên bản mới hơn của ECMAScript, cách dễ nhất là chọn phiên bản ngôn ngữ cao nhất cho toàn bộ dự án từ danh sách trên trang JavaScript
Cú pháp JSX trong mã JavaScriptNếu bạn đang sử dụng cú pháp JSX trong mã JavaScript của mình, hãy bật ECMAScript 6+ .
Tải xuống phụ thuộc dự ánNếu ứng dụng của bạn sử dụng một số công cụ, thư viện hoặc khung, hãy tải xuống các gói cần thiết. Để quản lý các phần phụ thuộc của dự án, bạn có thể sử dụng npm, Sợi 1 hoặc Sợi 2, xem npm và Sợi để biết chi tiết Cài đặt một gói trong một dự án trống
Nếu bạn đã có một gói. json trong dự án của bạn
Trước khi bạn bắt đầu, hãy chắc chắn rằng bạn có Node. js trên máy tính của bạn Định cấu hình hoàn thành mã cho các phụ thuộc dự ánĐể cung cấp khả năng hoàn thành mã cho các phần phụ thuộc của dự án, PyCharm tự động tạo thư viện node_modules . Trong ngữ cảnh của ngôn ngữ và IDE, thư viện là một tệp hoặc một tập hợp các tệp. Các hàm và phương thức của các tệp này được thêm vào kiến thức nội bộ của PyCharm bên cạnh các hàm và phương thức mà PyCharm lấy từ mã dự án mà bạn chỉnh sửa. Xem Định cấu hình thư viện JavaScript và Hoàn thành mã để biết chi tiết và ví dụ. Xem gợi ý inlayGợi ý inlay xuất hiện trong trình chỉnh sửa và cung cấp cho bạn thông tin bổ sung về mã của bạn để dễ đọc hơn gợi ý thông sốGợi ý tham số hiển thị tên của tham số trong phương thức và hàm để làm cho mã của bạn dễ đọc hơn. Theo mặc định, gợi ý tham số chỉ được hiển thị cho các giá trị là biểu thức hàm hoặc ký tự nhưng không hiển thị cho các đối tượng được đặt tên. Định cấu hình gợi ý tham số
Gợi ý loại trả lạiGợi ý về loại hàm trả về được suy ra từ nhận xét JSDoc hoặc dựa trên phân tích tĩnh mã của bạn. Theo mặc định, gợi ý kiểu trả về được hiển thị cho các phương thức chuỗi được phân chia giữa nhiều dòng và trả về ít nhất 2 kiểu khác nhau. Định cấu hình gợi ý kiểu trả về của phương thức
Bản xem trước cho biết những thay đổi bạn thực hiện trong cài đặt ảnh hưởng đến giao diện mã như thế nào Nhập gợi ýGợi ý nhập hiển thị các loại biến, trường hoặc tham số. Các loại biến và trường được hiển thị theo định nghĩa của chúng. Nhập gợi ý cho các tham số được hiển thị trong các lệnh gọi hàm. Gợi ý nhập được suy ra từ nhận xét JSDoc hoặc phân tích tĩnh mã của bạn. Định cấu hình chú thích loại
Tự động nhập trong JavaScriptPyCharm có thể tạo các câu lệnh nhập cho các mô-đun, lớp, thành phần và bất kỳ biểu tượng nào khác được xuất. PyCharm có thể thêm các câu lệnh nhập bị thiếu một cách nhanh chóng khi bạn hoàn thành các ký hiệu ES6 hoặc mô-đun CommonJS. PyCharm tự quyết định kiểu của câu lệnh nhập hoặc hiển thị cửa sổ bật lên nơi bạn có thể chọn kiểu bạn cần Thêm câu lệnh nhập ES6Nếu bạn đang nhập một biểu tượng từ dự án của mình vào một tệp là mô-đun ES6 hoặc đã chứa các câu lệnh nhập ES, thì PyCharm sẽ tự động chèn một lần nhập ES6 khi hoàn thành biểu tượng Đối với các phiên bản JavaScript cũ hơn hoặc khi tính năng tự động nhập khi hoàn thành bị tắt, PyCharm đánh dấu biểu tượng là chưa được giải quyết và hiển thị chú giải công cụ với cách khắc phục nhanh được đề xuất Ngoài ra, nhấn Alt+Enter Nếu có thể có nhiều nguồn nhập, PyCharm sẽ hiển thị danh sách các đề xuất Tìm hiểu thêm từ PyCharm cũng có thể tạo các câu lệnh nhập cho các ký hiệu được xác định trong phần phụ thuộc của dự án. Tự động nhập hoạt động cho các ký hiệu từ các gói chứa tệp định nghĩa TypeScript (như trong thời điểm hoặc redux) hoặc các nguồn được viết dưới dạng mô-đun ES Nếu tệp hiện tại đã chứa câu lệnh nhập ES6, PyCharm cũng chèn một câu lệnh mới theo kiểu ES6 Thêm câu lệnh nhập CommonJS (bắt buộc)Nếu bạn đang nhập một biểu tượng từ dự án của mình vào một tệp đã là mô-đun CommonJS (với câu lệnh Ngoài ra, đặt dấu mũ tại ký hiệu để nhập, nhấn Alt+Enter và chọn cách sửa lỗi nhanh với kiểu nhập CommonJS ( Bất cứ khi nào PyCharm không thể tự động xác định cú pháp nào sẽ được sử dụng trong một tệp, nó sẽ hiển thị một cửa sổ bật lên nơi bạn có thể chọn giữa việc sử dụng cú pháp ES6 và CommonJS Định cấu hình nhập tự động
Định cấu hình tô sáng cú phápBạn có thể định cấu hình tô sáng cú pháp nhận biết JavaScript theo sở thích và thói quen của mình
Chạy JavaScript trong trình duyệt
|