如何在Visual Studio Code中将默认HTML模板的lang属性设置为"fr"？

When you use the ! + Tab shortcut in VS Code to generate an HTML template, the default lang attribute is set to "en". To change this to "fr" (without altering VS Code's interface language), you have two straightforward methods:

Method 1: Override Emmet Variables (Recommended) #

Emmet uses variables to populate parts of its snippets, including the lang attribute in the HTML5 template. Here's how to set this variable to "fr":

1. Open VS Code Settings:
   • Press Ctrl+, (Windows/Linux) or Cmd+, (Mac), or navigate to File > Preferences > Settings.
2. In the search bar, type Emmet Variables to locate the Emmet: Variables setting.
3. Click Edit in settings.json to open the configuration file.
4. Add the following JSON entry to define the lang variable for HTML:

   "emmet.variables": {
     "html": {
       "lang": "fr"
     }
   }
   

5. Save the settings.json file.

From now on, when you generate the HTML template with ! + Tab, the <html> tag will automatically have lang="fr".

Method 2: Create a Custom HTML Snippet #

If you prefer full control over the template, you can create a custom user snippet that replaces the default ! shortcut:

1. Open User Snippets:
   • Go to File > Preferences > User Snippets, then select html.json (create it if it doesn't exist).
2. Paste the following snippet into the file:

   "HTML5 Template with French Lang": {
     "prefix": "!",
     "body": [
       "<!DOCTYPE html>",
       "<html lang=\"fr\">",
       "<head>",
       "\t<meta charset=\"UTF-8\">",
       "\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
       "\t<title>$1</title>",
       "</head>",
       "<body>",
       "\t$2",
       "</body>",
       "</html>"
     ],
     "description": "HTML5 template with lang=\"fr\" instead of default \"en\""
   }
   

3. Save the file.

Now, typing ! and pressing Tab will insert your custom template with the French language attribute.

Both methods only affect the generated HTML template—your VS Code interface language will remain unchanged.

内容的提问来源于stack exchange，提问作者Jacob75