Hướng dẫn này hướng dẫn bạn cách khắc phục sự cố nếu Emmet trong Visual Studio không hoạt động trong trình chỉnh sửa Visual Studio Code của bạn.
Emmet trong Visual Studio Code không hoạt động?
Emmet được tích hợp ngay trong mã Visual Studio và không cần phần mở rộng để cài đặt riêng. Khi bạn gõ. classname là trình chỉnh sửa mã phòng thu trực quan của bạn không kích hoạt các từ viết tắt Emmet cho bất kỳ đề xuất nào?
Sau đó, bạn cần kiểm tra xem Emmet đã được đặt đúng chưa hoặc cài đặt đã được bật đúng chưa
Đầu tiên, nhấn tổ hợp phím CTRL + SHIFT + P, sau đó gõ “settings. json” trong hộp văn bản -> Chọn “Preferences. Mở Cài đặt mặc định [JSON]” như hình bên dưới
Việc chọn tùy chọn được tô sáng sẽ mở tệp JSON Cài đặt mặc định và tìm kiếm các cấu hình Emmet được yêu cầu trong tệp cấu hình cài đặt JSON như được hiển thị bên dưới
-----------
-----------
// An array of languages where Emmet abbreviations should not be expanded.
"emmet.excludeLanguages": [
"markdown"
],
// Path to a folder containing Emmet profiles and snippets.
"emmet.extensionsPath": null,
// Enable Emmet abbreviations in languages that are not supported by default. Add a mapping here between the language and emmet supported language.
// E.g.: `{"vue-html": "html", "javascript": "javascriptreact"}`
"emmet.includeLanguages": {},
// When set to `false`, the whole file is parsed to determine if current position is valid for expanding Emmet abbreviations. When set to `true`, only the content around the current position in css/scss/less files is parsed.
"emmet.optimizeStylesheetParsing": true,
// Preferences used to modify behavior of some actions and resolvers of Emmet.
"emmet.preferences": {},
// Shows possible Emmet abbreviations as suggestions. Not applicable in stylesheets or when emmet.showExpandedAbbreviation is set to `"never"`.
"emmet.showAbbreviationSuggestions": true,
// Shows expanded Emmet abbreviations as suggestions.
// The option `"inMarkupAndStylesheetFilesOnly"` applies to html, haml, jade, slim, xml, xsl, css, scss, sass, less and stylus.
// The option `"always"` applies to all parts of the file regardless of markup/css.
"emmet.showExpandedAbbreviation": "never",
// If `true`, then Emmet suggestions will show up as snippets allowing you to order them as per `editor.snippetSuggestions` setting.
"emmet.showSuggestionsAsSnippets": false,
// Define profile for specified syntax or use your own profile with specific rules.
"emmet.syntaxProfiles": {},
// When enabled, Emmet abbreviations are expanded when pressing TAB.
"emmet.triggerExpansionOnTab": false,
// Variables to be used in Emmet snippets
"emmet.variables": {},
-------------
-------------Ví dụ: như bạn có thể thấy, các từ viết tắt mở rộng của Emmet dưới dạng đề xuất bị tắt
"emmet.showExpandedAbbreviation": "never"
Bạn cần bật các từ viết tắt mở rộng của Emmet bằng cách sử dụng giá trị “always” thay vì “never” cho khóa “emmet. showExpandedViết tắt”
"emmet.showExpandedAbbreviation": "always"
giải quyết. Emmet trong Visual Studio Code không hoạt động
Lưu ý, bạn không thể chỉnh sửa cài đặt. JSON trong trình chỉnh sửa chỉ đọc được mở qua cách CTRL + SHIFT + P. Bạn có thể sửa đổi cài đặt. json khỏi tùy chọn người dùng của bạn. Do đó, hãy làm theo các bước dưới đây
Đầu tiên, vào File -> Preferences -> Settings -> Extensions -> Emmet, sau đó nhấp vào “Chỉnh sửa trong cài đặt. json”
Sau đó thêm các dòng mã sau vào cài đặt. tệp json đã được mở
{
"emmet.showExpandedAbbreviation": "always"
}Tệp trên sẽ được lưu trong đường dẫn sau [Tùy chọn người dùng]
C:\Users990\AppData\Roaming\Code\User\settings.json
Hơn nữa, bạn có thể thêm và sửa đổi bất kỳ thay đổi cấu hình emmet nào khác trong cài đặt Tùy chọn người dùng. tệp json như trên
Ví dụ: để tùy chỉnh ngôn ngữ bạn chọn, bạn có thể sửa đổi cài đặt tùy chọn người dùng của mình. json như hình bên dưới. Bạn cần sử dụng cài đặt sau để ánh xạ ngôn ngữ bạn chọn và một trong các ngôn ngữ được emmet hỗ trợ
Emmet không hoạt động trên mã phòng thu trực quan. Microsoft Visual Studio Code là một trong những trình soạn thảo mã nguồn mở nổi tiếng dành cho lập trình viên. Trình chỉnh sửa mã này cung cấp tính năng gỡ lỗi, đánh dấu cú pháp, emmet tích hợp, hoàn thành mã thông minh, Git nhúng, đoạn trích, tái cấu trúc mã, v.v. Đây là trình chỉnh sửa mã thân thiện với người dùng, nơi người dùng có thể thay đổi chủ đề, có thể đặt phím tắt và tùy chọn. Ngoài ra, nhiều tiện ích mở rộng có sẵn để thêm chức năng bổ sung. Tôi đã sử dụng trình chỉnh sửa mã này trong 5 năm qua. Tôi chưa bao giờ tìm thấy bất kỳ vấn đề nào nhưng sau lần cập nhật cuối cùng, tôi gặp phải hai vấn đề đó là;
- Mã phòng thu trực quan [mã VS] đột nhiên ngừng nhận dạng tệp HTML [không phát hiện biểu tượng tệp HTML]
- Emmet không hoạt động trên mã Visual studio [mã VS]
Đừng lo lắng để giải quyết các vấn đề trên, bạn cần bao gồm hai dòng mã trong phần “cài đặt. tập tin json”. Chỉ cần làm theo hướng dẫn bên dưới, vấn đề của bạn sẽ được giải quyết và cảm ơn tôi sau
Nếu bạn không thích đọc, bạn có thể xem video này bên dưới
Vấn đề. Các tệp HTML không được nhận dạng bằng mã Visual studio [Mã VS]
Có vẻ như phần mở rộng mã visual studio không được liên kết với loại tệp [HTML] mà bạn phải thêm thủ công *. html vào tập tin. hiệp hội, trong cài đặt người dùng
Dung dịch. Chuyển đến “Cài đặt” bằng cách nhấp vào biểu tượng cài đặt [Trong mac, đó là Mã -> Tùy chọn -> Cài đặt], sau đó chuyển đến “Tiện ích mở rộng”, sau đó nhấp vào “Chỉnh sửa trong cài đặt. json”
Bây giờ thêm dòng mã sau vào cuối mã
"files.associations": {"*html" : "html"}
Vấn đề. Emmet không hoạt động trên mã Visual studio [mã VS]
Giống như các phần mềm chỉnh sửa mã khác, mã Visual studio không yêu cầu bất kỳ tiện ích mở rộng nào để chạy emmet. Emmet phải xây dựng trên mã VS. Nhưng sau bản cập nhật mới nhất, Microsoft cho rằng việc mở rộng mã Emmet không nên được thực hiện bằng phím “tab” vì người viết mã có thể muốn thụt vào mã thay vì mở rộng mã Emmet. Đó là lý do tại sao họ mặc định tắt tính năng mở rộng mã Emmet bằng phím “tab”
Cũng đọc. 14 TRANG WEB HỌC NGÔN NGỮ LẬP TRÌNH MIỄN PHÍ NĂM 2020
Dung dịch. Giống như giải pháp trên [không nhận dạng tệp HTML] Chuyển đến “Cài đặt” bằng cách nhấp vào biểu tượng cài đặt [Trong mac, đó là Mã —> Tùy chọn -> Cài đặt], sau đó chuyển đến “Tiện ích mở rộng” rồi nhấp vào “Chỉnh sửa trong cài đặt. json”
Bây giờ thêm dòng mã sau vào cuối mã
"emmet.triggerExpansionOnTab": true,
Phần kết luận. Nếu thấy bài viết hữu ích đừng quên giúp mình bằng cách đăng ký kênh youtube bên trên nhé