Frustration avec des résultats Emmet incohérents dans VSCode

Question

J'ai déménagé à VSCode de ST3 il y a environ 6 ou 7 mois maintenant et dans l'ensemble je l'adore. Mais je suis vraiment aux prises avec des incohérences dans la façon dont Emmet/VSCode élargit le texte ...

Par exemple: (ces exemples sont selon le)

• fl devrait me donner float:left, mais que je reçois flex:gif
• m:a devrait me donner margin:auto - bien que depuis ST3 j'ai toujours utilisé m- pour cela. Cependant, dans VScode: Je reçois max-block-size:gif
• ttu devrait me donner text-transform:uppercase, mais je me text-underline-position:
• p20-40 devrait me donner padding: 20px 40px mais dans ce cas, rien ne se passe - ne recoginize pas du tout
• w100p devrait donnez-moi width:100% mais encore une fois, ne reconnaît même pas < - probablement le plus ennuyeux parce que je l'utilise si souvent.
• et même HTML Borks sur assez souvent: .div-class devient .div-class<?php < - aucune idée de ce qui se passe ici ... gif

Il semble presque que VSCode a son propre Emmet intégré, qui est toujours en conflit avec réelle Emmet. Je serai le premier à admettre qu'il pourrait être une option en conflit dans mon settings.json, voici donc mon fichier de paramètres:

{ 
    "editor.tabSize": 2, 
    "editor.minimap.enabled": false, 
    "editor.acceptSuggestionOnEnter": "smart", 
    "editor.wordBasedSuggestions": false, 
    "editor.quickSuggestions": { 
    "other": true, 
    "comments": false, 
    "strings": true 
    }, 
    "editor.tabCompletion": true, 
    "editor.renderWhitespace": "boundary", 
    "editor.snippetSuggestions": "top", 
    "editor.occurrencesHighlight": false, 
    "editor.selectionHighlight": false, 
    "editor.renderIndentGuides": true, 
    "editor.autoIndent": true, 

    "php.suggest.basic": false, 
    "php.validate.executablePath": "/usr/local/php5/bin/php", 

    "workbench.colorTheme": "Bimbo Theme", 
    "workbench.iconTheme": "vs-seti", 
    "workbench.startupEditor": "none", 
    "workbench.editor.tabCloseButton": "left", 
    "workbench.commandPalette.preserveInput": true, 
    "workbench.tips.enabled": false, 

    "window.zoomLevel": 0, 
    "git.enableSmartCommit": true 
} 

J'ai supprimé les paramètres relatifs à la taille des polices et des thèmes, etc.

Autres Info:

• VSCode version 1.15.1 (1.15.1)
• Extensions

Serait vraiment apprécier si quelqu'un qui ne rencontre pas ces problèmes pourrait partager leur fichier de paramètres afin que je puisse réparer ma frustration et continuer à aimer VSCode?

Merci :)

Answer 1

C'est parce que Emmet interfère avec autocomplete. Essayez de taper l'une de ces commandes et exécutez à partir de la palette de commandes Emmet: Expand Abbreviation.

• Vous pouvez remapper raccourci clavier pour la commande de Emmet editor.emmet.action.expandAbbreviation

• Vous pouvez désactiver autocomplete pour css (montrer autocomplete en cas de besoin Trigger SuggestCtrl + Espace)

"[css]": { 
    "editor.quickSuggestions": { 
     "other": false, 
     "comments": false, 
     "strings": false 
    } 
} 

Depuis la version 1.16 August 2017 vous pouvez déplacer des snippets emmet sur le dessus et avoir encore la saisie semi-automatique:

"emmet.showSuggestionsAsSnippets": true, 
"editor.snippetSuggestions": "top"