Viết nhanh các thẻ JXS như HTML trong VSCode

5 năm trước · 1 phút đọc

Updated 23/04/2022 : Các bạn có thể đạt được điều này bằng các đổi đuôi file .js sang .jsx, VSCode sẽ tự động hiểu điều đó thay vì phải tự cài đặt. Mình khuyên điều này ^^

Chào các bạn !

Chắc hẳn đa số các bạn đã và đang học khóa React hiện tại trên F8, hôm nay mình sẽ hướng dẫn các bạn cách viết các thẻ (tag) JSX nhanh hơn trong file Javascipt dành cho bạn nào chưa biết.

Thông thường trong file HTML các bạn sẽ viết nhanh các thẻ như thế này:

Sau đó ấn phím tab, sẽ được kết quả:

Rất nhanh đúng không ? Thế nhưng làm thế nào để có thể viết các thẻ giống như vậy trong file Javascript ?

OK, bắt đầu luôn nhá

Các bạn ấn Ctrl + Shift + P hoặc phím F1, gõ "open settings" và chọn vào dòng "Preferences: Open Settings (JSON)" để truy cập vào file setting.json
Thêm đoạn mã có nội dung như sau:

"emmet.includeLanguages": {
        "javascript": "javascriptreact"
    },
    "emmet.triggerExpansionOnTab": true

Ảnh minh họa:

Tận hưởng thành quả.

Chúc các bạn thành công !

Phu Thien

Viết nhanh các thẻ JXS như HTML trong VSCode