Có cách nào để bật hỗ trợ cú pháp ES6 / ES7 trong vscode không?

Chỉnh sửa 3: Bắt đầu từ phiên bản 0.4.0, có thể bật cú pháp ES6 bằng cách thêm jsconfig.jsontệp vào thư mục dự án với nội dung sau:

{
    "compilerOptions": {
        "target": "ES6"
    }
}

Chỉnh sửa 2: Bạn có thể bỏ phiếu cho tính năng này trên giọng nói của người dùng

Có cách nào để "bật" ES6 / ES7 trong Visual Studio Code không?

Chỉnh sửa 1

Đã thử gợi ý của @ sarvesh- ghi đè javascript.validate.targetvà khởi động lại vscode. Không giúp được gì.

Hiện tại, cách duy nhất để sử dụng các tính năng của ES6 và ES7 là sử dụng Typescript .

Mặt khác, ở đây bạn có thể thấy rằng có một yêu cầu tính năng cho ES6 và ES7

Nó khá dễ dàng, tại thư mục gốc của dự án, hãy tạo một tệp jsconfig.json và viết đối tượng này vào đó:

{
    "compilerOptions": {
        "target": "ES6",
        "module": "commonjs"
    }
}

Liên kết này đã giúp rất nhiều. Thêm tệp jsconfig.json vào dự án không giúp được nhiều hay đúng hơn nó không phải là giải pháp tốt nhất. Đi tới tệp> tùy chọn> cài đặt. Trong tệp settings.json, thêm dòng này:

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

Thêm vào các câu trả lời ở trên ...

Theo Docs of VS Code ..

Đảm bảo rằng bạn đặt jsconfig.json ở thư mục gốc của dự án JavaScript chứ không chỉ ở thư mục gốc của không gian làm việc của bạn. Dưới đây là tệp jsconfig.json xác định đích JavaScript là ES6 và thuộc tính loại trừ loại trừ thư mục node_modules.

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

Đây là một ví dụ với thuộc tính tệp rõ ràng.

{
    "compilerOptions": {
        "target": "ES6"
    },
    "files": [
        "src/app.js"
    ]
}

Thuộc tính tệp không thể được sử dụng cùng với thuộc tính loại trừ. Nếu cả hai đều được chỉ định, thuộc tính tệp sẽ được ưu tiên.

cũng thử chỉnh sửa thuộc tính "target" trong tsconfig.json

{
  "compilerOptions": {
    "target": "es5",//es6
    "module": "system",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false
  },
  "exclude": [
    "node_modules",
    "typings/main",
    "typings/main.d.ts"
  ]
}

Nếu không, bạn có thể sử dụng ESLint để đánh dấu lỗi ES7 (sử dụng trình phân tích cú pháp babel hoặc các trình khác): VSCode Linter ES6 ES7 Babel linter

Ngoài ra, bạn có thể sử dụng Flow thay vì Typescript, việc thiết lập và chuyển sang dễ dàng hơn nhiều. Tôi đã viết một bài viết nhỏ về cách thiết lập Flow với VS Code .

Kể từ ngày này và theo tài liệu ESLint trên VSCode Marketplace, bao gồm tệp cấu hình .eslintrc trong thư mục gốc của dự án sẽ cho phép ES6 linting trong phần mở rộng VSCode của ESLint.

Tệp cấu hình .eslintrc của tôi trông giống như sau:

extends:
  - standard
parser: babel-eslint
rules:
  object-curly-spacing: [ error, always ]
  react/prop-types: off
  space-before-function-paren: off

Tôi đã cài đặt eslint thông qua npm trong node_modules và tất cả những gì tôi biết là với .eslintrc trong thư mục gốc của dự án ES6 linting hoạt động và không có nó thì không.

Hi vọng điêu nay co ich...