2015-05-08 18 views
11

Tôi đang sử dụng Visual Studio 2013 để xây dựng một trang web sử dụng React và JSX cho giao diện người dùng. Điều này tất cả hoạt động tốt nhưng làm cho một môi trường phát triển chậm vì các tập tin .jsx được coi là văn bản thuần túy. Vì vậy, không có cú pháp làm nổi bật và bạn không thể thiết lập các điểm ngắt để giúp gỡ lỗi.Chỉnh sửa Visual Studio của JSX

Có cách nào để cải thiện trải nghiệm này hoặc tôi có phải chuyển sang trình chỉnh sửa khác cho tệp jsx không?

+0

Bây giờ, hãy chuyển đổi. Sau đó, hãy tận hưởng: https://visualstudiomagazine.com/articles/2015/02/20/react-for-web-essentials.aspx?m=2 – WiredPrairie

+0

xem http://stackoverflow.com/questions/26723092/in-visual -studio-2012-i-get-cảnh báo-an-squiggly-lines-khi-cố-to-write-jsx – John

Trả lời

21

Hai thủ thuật tôi có thể giới thiệu:

1) Bạn có thể làm cho Visual Studio hiển thị một tập tin với định dạng .jsx javascript. Trong Visual Studio mở Công cụ> Tùy chọn> Trình soạn thảo văn bản> Tiện ích mở rộng tệp. Đặt tiện ích mở rộng thành "jsx" và chọn trình chỉnh sửa javascript và nhấp vào "Thêm". Bạn có thể cần đóng và mở lại VS để xem các thay đổi. Nếu bạn giữ phương thức render() ở cuối tệp .jsx, nó hoạt động khá tốt.

2) Điểm ngắt: không, bạn không thể thêm chúng trước thời hạn, nhưng có một giải pháp thay thế. Khi bạn chạy ứng dụng web của mình trong Visual Studio, một thư mục mới sẽ mở ra trong cửa sổ Solution Explorer của bạn có tên là "Tài liệu tập lệnh". Mã từ các tệp .jsx được chuyển đổi của bạn được nối với nhau thành tệp "tập lệnh chặn" này. Bạn có thể thêm điểm ngắt tại đây sau bắt đầu ứng dụng web trong Visual Studio, sau khi trang web đã tải.

Phải thừa nhận rằng, các điểm ngắt này sẽ bị mất ngay khi bạn ngừng trình gỡ rối. Lần sau khi bạn chạy chương trình của mình, bạn phải đặt lại chương trình. Nhưng ít nhất bạn có thể đặt chân vào cửa.

Nếu bạn muốn đột nhập mã đã chạy trước khi trang web được tải đầy đủ, hãy thêm lệnh alert("here"); vào jsx ngay trước dòng bạn muốn đột nhập. Chạy mã và khi cửa sổ bật lên xuất hiện, không nhấn OK. Chuyển sang trình gỡ rối VS, thêm điểm ngắt của bạn trong tệp khối tập lệnh, rồi nhấn nút OK. Mã nên dừng ngay lập tức trên điểm ngắt của bạn.

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