2017-08-29 54 views
0

現在大約6或7個月前,我從ST3轉移到VSCode,現在整體都很喜歡它。但我真的在埃米特/ VSCode如何擴展文本有矛盾掙扎......對VSCode中Emmet結果不一致的沮喪

例如:(這些例子都爲每)

  • fl應該給我float:left,而是我得到flex:gif
  • m:a應該給我margin:auto - 雖然自ST3以來我一直使用m-這個。然而,在VScode:我得到max-block-size:gif
  • ttu應該給我text-transform:uppercase,而是我得到text-underline-position:
  • p20-40應該給我padding: 20px 40px但在這種情況下,沒有任何反應 - 沒有recoginize它在所有
  • w100p應給我width:100%,但再次,甚至不承認它< - 可能是最煩人的,因爲我經常這樣使用它。
  • 甚至HTML borks出相當頻繁:.div-class成爲.div-class<?php < - 不知道什麼怎麼回事... gif

它幾乎似乎VSCode有自己內置的埃米特,總是相互矛盾與實際埃米特。我會是第一個承認,這可能是我的settings.json衝突的選項,所以這裏是我的設置文件:

{ 
    "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 
} 

我已刪除有關字體大小和主題等

其他設置信息:

真的如果有人沒有遇到這些問題可以共享他們的設置文件,所以我可以修復我的挫折,並進行愛的VSCode?

謝謝:)

回答

1

這是因爲Emmet干擾自動完成。嘗試輸入這些命令中的任何一個,然後從命令調板Emmet: Expand Abbreviation執行。

  • 您可以重新映射鍵聯結的埃米特命令editor.emmet.action.expandAbbreviation

  • 您可以爲CSS禁用自動完成(以顯示自動完成需要Trigger Suggest時按Ctrl + 空間

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

從版本1.16 August 2017你可以移動emmet片斷在上面,仍然有自動完成:

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

謝謝@亞歷克斯是非常有用的。似乎我的很多困境都在'editor.quickSuggestions'對象中。感謝你的幫助 – Mark