plug-in de formatage de code vsCode JS ESlint

plug-in de formatage de code vsCode JS ESlint

La vérification est valide et le code de sauvegarde Ctrl+S est entièrement formaté. Écrire ceci est principalement une note personnelle, pas une duplication.

Source : https://blog.csdn.net/qq_34803821/article/details/84972781

1. Installez le plugin

Ouvrez l'App Store dans VSCode et recherchez et installez trois plugins : ESlint, vetur, Prettier - Code formateur. spécifique

 2. Configurez le fichier Settings.json de VSCode

2.1. Ouvrez l'interface de réglage

Ouvrez le chemin : Fichier (fichier)->Préférences (préférences)->Paramètres (paramètres).

Touche de raccourci pour ouvrir : Ctrl+,

2.2. Ouvrez le fichier Settings.json

Ouvrir la méthode 1 :

 Ouvrez la méthode 2 :

 2.3, code de configuration, // formatage du code

{ 
// Commentaire de l'en-tête du fichier de code 
  "fileheader.customMade": { 
    "Description": "js", 
    "Version": "1.0", 
    "Author": "name", 
    "Date": "Do not edit", 
    " LastEditors ": "name", 
    "LastEditTime": "Ne pas modifier" 
  }, 
  "fileheader. cursorMode": { 
    "name": "", 
    "test": "test font", 
    "msg": "", 
    "param" : "", 
    "return": "" 
  }, 
  
// Formatage du code 
  // vscode active l'option permettant de définir automatiquement la taille de tabulation en fonction du type de fichier par défaut 
  "editor.detectIndentation": false, 
  // Réinitialise la tabsize 
  "editor.tabSize": 2, 
  // #Formate automatiquement à chaque fois que vous enregistrez 
  "editor.formatOnSave": true, 
  // #Appuyez sur le code pour eslint chaque fois que vous enregistrez le format pour corriger
  "eslint.autoFixOnSave": true, 
  // Ajoute la prise en charge de la vue 
  "eslint.validate": [ 
    "javascript", 
    "javascriptreact", 
    { 
      "language": "vue", 
      "autoFix": true 
    } 
  ], 
  // #let plus joli Utilisez le format de code d'eslint pour la vérification 
  "prettier.eslintIntegration": true, 
  // #Supprimez le point-virgule à la fin du code 
  "prettier.semi": false, 
  // #Utilisez des guillemets au lieu des guillemets doubles 
  "prettier.singleQuote" : true, 
  // #Ajouter un espace entre la fonction (nom) et les parenthèses suivantes 
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true, 
  // #Ceci est sélectionné selon les propres habitudes de l'utilisateur 
  "vetur.format.defaultFormatter.html" : "js-beautify-html", 
  // # Laissez le js en vue être formaté selon le format ts fourni avec l'éditeur
  "vetur.format.defaultFormatter.js": "vscode-typescript", defaultFormatter.js": "vscode-typescript", 
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": { 
      "wrap_attributes": "force-aligned" 
      // Style de formatage du code #html dans le composant vue 
    } 
  }, 
  // À format stylus, vous devez installer le plug-in Stylus Supremacy de Manta 
  "stylusSupremacy.insertColons": false, // s'il faut insérer les deux-points 
  "stylusSupremacy.insertSemicolons": false, // s'il faut insérer les points 
  "stylusSupremacy.insertBraces": false, // s'il faut insérer de grands crochets 
  "stylusSupremacy.insertNewLineAroundImports": false, // s'il faut envelopper après l'importation 
  "stylusSupremacy.insertNewLineAroundBlocks": false, // s'il faut envelopper dans les deux sélecteurs 
  "vetur.validation.template": false, 
  " editor.codeActionsOnSave":null //Ferme la vérification de la fermeture de l'étiquette vetur (utilisée pour résoudre le rapport d'erreur d'étiquette iview) 
}