6

Я пытаюсь использовать код Visual Studio для редактирования файлов в проекте react starter kit. Проект React использует Babel для перетаскивания, и поэтому он имеет только файлы .js вместо .ts файлов. Я бы хотел, чтобы VS Code обеспечивал надлежащий intellisense для этих файлов ... включая новые async/ожидают Javascript keywords.Код Visual Studio ES7/JS Intellisense

До сих пор я мог только получить intellisense, чтобы нормально работать, если переименовать расширение файлов с .js на .ts, но я не хочу преобразовывать весь проект только в соответствии с моими личными инструментами.

Есть ли способ сделать VS Code обработать .js файлы, как если бы они были .ts файлов ... просто ради ES7 intellisense? Я заметил thread of discussion about this, но я не уверен, какие варианты доступны сегодня. Я также попытался добавить tsconfig.json файл, который выглядит следующим образом:

{ 
    "compilerOptions": { 
    "target": "es6" //An "es7" option is not yet legal 
    }, 
    "filesGlob": [ 
    "./**/*.js", 
    "!./node_modules/**/*.js" 
    ] 
} 

Я надеялся, что это трюк машинопись в признании .js файлы, но не повезло.

В конечном счете, я просто хотел бы иметь ES7 intellisense в коде VS. Если будет совершенно другой способ достичь этого, это также будет приветствоваться. Если на то есть, если есть альтернатива VS Code, которая обеспечивает эквивалент intellisense для Javascript ES7, мне также интересно узнать об этом.

+0

https://github.com/Microsoft/nodejstools/wiki/ES6-IntelliSense-Preview-in-NTVS -1.1 – epascarello

+0

@epascarello: Круто! Есть ли способ активировать это для «Visual Studio Code»? Или это только вариант для Visual Studio? Кроме того, в контексте «Visual Studio», похоже, мне нужно создать файл .njsproj или '.jsproj', прежде чем я смогу начать ... –

ответ

0

Visual Studio Code

  • VSCode не поддерживает filesGlob. На данный момент это только атом.
  • Чтобы использовать .js файлы необходимо включить allowJs

Решение

tsconfig.json:

{ 
    "compilerOptions": { 
    "target": "ES6", 
    "allowJs": true, 
    }, 
    exclude: ["node_modules"] 
} 

Примечание: Target ES6 дает все новейшие функции (включая любые ES7 них) http://json.schemastore.org/tsconfig

 Смежные вопросы

  • Нет связанных вопросов^_^