Код VS с es6


106

Я получаю ошибку линтинга в моем коде 'import' is only available in ES6 (use 'esversion: 6').

Все, что связано с es6, выдает ошибку. Не уверен, что мне нужно настроить, чтобы заставить его работать.

Ответы:


216

Добавьте файл с именем .jshintrcв свой проект и внутри этого файла введите следующее:

{
    "esversion": 6
}

Как вы можете видеть здесь:

введите описание изображения здесь

Полная документация по jshintопциям находится здесь: http://jshint.com/docs/options


4
jshint.com/docs/options/#esversion для тех, кто ищет документацию.
— Джереми Лартер

5
Это должно быть добавлено автоматически.
— Xaqron

иногда кажется, что вам нужно добавить эту строку «moz»: true
— kinsley kajiva 09

7
У меня это не сработало (vscode версии 1.37.1, OS X). Перейдите в настройки расширения -> выберите Изменить в settings.json. В JSON добавьте: "jshint.options": { "esversion": 6 } Не забудьте запятую в предыдущей строке!
— sijpkes

1
Единственное место, где можно это добавить, - это ~/settings.jsonмой опыт. Настройки уровня проекта не повлияют на это. Абсурдно, что это не по умолчанию. Очень сложно понять, как это исправить, а пока пользовательский опыт работы с javascript в VS Code враждебен. Супер раздражает. По умолчанию он должен поддерживать ES6 +. Почему бы и нет?
— rjurney

96

Изменить: я добавил способ включить es6, если вы используете ESLint вместо JSHint, а также обновил скриншоты, так как VSCode изменился с момента моего исходного ответа.

Метод JSHint:

Если вы используете JSHint, вы можете добавить в свои настройки следующее:

"jshint.options":{
    "esversion":6
}

ESLint Метод:

Если вы используете ESLint, вы можете добавить в свои настройки следующее:

"eslint.options": {
    "env":{
        "es6":true
    },
    "parserOptions": {
        "ecmaVersion": 6 // or 7,8,9
    }
}

Документация по настройке ESLint

Как обновить настройки

  1. В VS Code перейдите в settings

Настройки кода VS

  1. Когда отобразятся настройки, вы увидите разделы настроек:

Вкладки настроек пользователя и рабочего пространства

Обратите внимание, что есть два раздела, в которых вы можете настроить свои параметры: Параметры пользователя и Параметры рабочего пространства.

Пользовательские настройки Здесь вы должны применить любые глобальные настройки, которые захотите для любого проекта, над которым вы когда-либо будете работать.

Настройки рабочего пространства Здесь вы можете вносить изменения в настройки, которые должны применяться только к вашему текущему проекту.

В моем случае, поскольку я знаю, что только некоторые из моих проектов могут использовать ES6, мне нужно иметь подсказку об ошибке, чтобы предупредить меня, если я использую ES6 для своих проектов, не относящихся к ES6 ... поэтому я установил это только для своих настроек рабочего пространства

Но если вы знаете, что все, что вы кодируете в VS Code, будет проектом ES6, сохраните шаг и добавьте его в свои пользовательские настройки .

  1. Щелкните Пользователь / Рабочее пространство в зависимости от ваших предпочтений. Найдите JSHint или ESLint (в зависимости от того, что вы используете). Щелкните любую ссылку « Изменить в settings.json» , неважно, какая именно.

Отредактируйте в settings.json

  1. Добавьте соответствующие настройки в зависимости от того, используете ли вы JSHint или ESLint:

JSHint

Добавление настройки JSHint

ESLint

Добавление настройки ESLint


6
Это был отличный ответ и +1 за то, что не нужно было создавать дополнительный файл в каталогах проектов ... Скриншоты также очень полезны, большое вам спасибо!
— twknab

Кроме того, это лучше, так как это можно сделать автоматически для новых проектов, вместо создания новых файлов, или просто сохранить в одной рабочей области.
— Ян Сила

2
У меня почему-то не работает. Я попробовал его в обоих пользователей и рабочего пространства настройки
— LondonGuy

1
Большое спасибо за подробное объяснение, это действительно очень помогло.
— Кетан Рамтеке,

22

Вы можете добавить "esversion": 6в jshint.options в настройках пользователя.

{
  "jshint.options": {
    "esversion": 6
  }
}

4

Чтобы завершить уже представленные отличные предложения, вы также можете установить это для каждого файла, добавив эту экранированную строку (и аналогичную для других настроек jshint) в начало файла.

// jshint esversion:6

На самом деле вы можете добавить его где угодно, но он влияет только на последующий код, позволяя вам включать и выключать настройки, если вы отчаянно хотите сделать что-то странное.


0

Убедитесь, что вы выполняете указанные выше конфигурации с json, но также удалили / отключили jshintрасширение для рабочего пространства, если вы его используете, eslintи наоборот.,


Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.