2015-06-04 15 views
17

Ai fini della sintassi evidenziazione e colorazione e intellisense è possibile trattare altre estensioni (tpl, master, ecc.) Come HTML?Codice Visual Studio: tratta altre estensioni come HTML

So che è possibile su un file per file premendo CTRL + MAIUSC + P e selezionando "Cambia lingua" MA voglio che funzioni fuori estensione del file, e non doverlo rifare ogni volta che apro un nuovo file.

So anche che è possibile per alcune lingue modificando i file JSON nella directory dei plugin, MA non sembra essercene uno per HTML.

risposta

28

Aggiornamento per VS Codice 1.0:

C'è una impostazione files.associations che può essere utilizzato per assegnare modelli di file per le lingue. Per esempio:

"files.associations": { 
    "*.tpl": "html", 
    "*.master": "html" 
} 

risposta precedente:

Questa è una richiesta di funzionalità comunemente chiesto e stiamo esaminando questo problema per il futuro.

Come soluzione alternativa, se avete bisogno di avere un solutio ora:

  • vicino VS Codice
  • aperta C:\Users\<your name>\AppData\Local\Code\app-<latest-version>\resources\app\server\lib\mime.js
  • trovare l'oggetto letterale knownTextMimes
  • per l'estensione del file che si desidera aggiungere il corretto tipo mime
  • per esempio '.tpl': 'text/html'
  • salvare e riavviare co de

Nota: questa modifica non sopravviverà gli aggiornamenti automatici, ma le speranze sono che c'è una soluzione migliore per il futuro aggiornamento :)

+1

Eccellente, funziona perfettamente - questo è decisamente più che sufficiente come soluzione per il momento. Attendo con ansia una soluzione che sopravviva agli aggiornamenti però :) – mutex

+4

Guarda i progressi e vota per questa funzione qui http://visualstudio.uservoice.com/forums/293070-visual-studio-code/suggestions/7758015-mapping-code-language -to-file-extensions –

+0

in realtà ho chiesto al team del prodotto su msft direttamente su questa funzione. alta priorità, si spera (ma non può impegnarsi) che colpirà prima della fine dell'anno. fino ad allora, ottimo post. –

1
  1. Aprire il blocco note come admin (nel caso) per facendo clic con il tasto destro, esegui come amministratore.
  2. Fare clic su file => Apri => copia e incolla C: \ Programmi (x86) \ Codice VS Microsoft \ resources \ app \ extensions \ html nella casella.
  3. selezionare Visualizza tutti i tipi di file in basso a destra.
  4. Aprire package.json
  5. Copia e incolla

    { 
    "name": "html", 
    "version": "0.1.0", 
    "publisher": "vscode", 
    "engines": { "vscode": "*" }, 
    "extensionDependencies": [ 
           "html" 
          ], 
    "contributes": { 
        "languages": [{ 
         "id": "html", 
         "aliases": ["pd"], 
         "extensions": [".pd"] 
        }] 
        } 
    } 
    

sostituire tutto con quello. salva e chiude riavvio vs codice.

+0

Sostituisci .pd con il tipo di file che si desidera trattare come html. Quello era il mio cattivo, io uso .pd. –

+0

Dove si trova questo file nell'installazione di codice di MacOS X? –

+0

Dovrei, credo, essere nella stessa area. Non uso Mac ma la struttura dei file dovrebbe essere simile. Il file che stai cercando su una macchina Windows è nascosto. Significa che devi selezionare tutti i file nella cartella per vederlo. Quindi tienilo a mente quando lo cerchi. –

-1

La risposta di Jesse è corretta.Non ho punti reputazione abbastanza per commentare la sua risposta, ma il percorso per gli utenti Mac è:

cd /Applications/Visual\ Studio\ Code.app/Contents/Resources/app/extensions/html/

Nota che ci sarà già alcune estensioni così invece di copiare e incollare il codice frammenti di commercio all'ingrosso, aggiungi semplicemente l'estensione che desideri alla matrice di estensioni e alias in questo modo:

{ 
    "name": "html", 
    "version": "0.1.0", 
    "publisher": "vscode", 
    "engines": { "vscode": "*" }, 
    "contributes": { 
     "languages": [{ 
      "id": "html", 
      "extensions": [ ".html", ".htm", ".shtml", ".mdoc", ".jsp", ".asp", ".aspx", ".jshtm", ".ejs" ], 
      "aliases": [ "HTML", "htm", "html", "xhtml", "ejs" ], 
      "mimetypes": ["text/html", "text/x-jshtm", "text/template", "text/ng-template"] 
     }], 
     "grammars": [{ 
      /* "language": "html", not yet enabled*/ 
      "scopeName": "text.html.basic", 
      "path": "./syntaxes/HTML.plist" 
     }] 
    }, 
    "extensionDependencies": [ 
       "html" 
    ] 
} 
Problemi correlati