มีวิธีเปิดการสนับสนุนไวยากรณ์ ES6 / ES7 ใน vscode หรือไม่?

แก้ไข 3: ตั้งแต่เวอร์ชัน 0.4.0 สามารถเปิดใช้ไวยากรณ์ ES6 ได้โดยการเพิ่มjsconfig.jsonไฟล์ลงในโฟลเดอร์โปรเจ็กต์ที่มีเนื้อหาดังต่อไปนี้:

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

แก้ไข 2: คุณสามารถโหวตคุณสมบัตินี้ด้วยเสียงของผู้ใช้

มีวิธี "เปิด" ES6 / ES7 ใน Visual Studio Code หรือไม่

แก้ไข 1

พยายามคำแนะนำของ @ sarvesh - ลบล้างjavascript.validate.targetและเริ่ม vscode ใหม่ ไม่ได้ช่วย

ปัจจุบันวิธีเดียวที่จะใช้ ES6 และ ES7 ให้บริการคือการใช้typescript

ในทางกลับกันที่นี่คุณจะเห็นว่ามีคำขอคุณสมบัติสำหรับ ES6 และ ES7

มันค่อนข้างง่ายที่รูทของโปรเจ็กต์ของคุณสร้างไฟล์ jsconfig.json และเขียนอ็อบเจกต์นี้ไว้ในนั้น:

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

ลิงค์นี้ช่วยได้มาก การเพิ่มไฟล์ jsconfig.json ลงในโปรเจ็กต์ไม่ได้ช่วยอะไรมากหรือไม่ใช่ทางออกที่ดีที่สุด ไปที่ไฟล์> ค่ากำหนด> การตั้งค่า ในไฟล์ settings.json ให้เพิ่มบรรทัดนี้:

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

กำลังเพิ่มคำตอบด้านบน ...

ตามเอกสาร VS Code ..

ตรวจสอบให้แน่ใจว่าคุณวางjsconfig.json ไว้ที่รูทของโปรเจ็กต์ JavaScript ของคุณไม่ใช่แค่ที่รูทของพื้นที่ทำงานของคุณ ด้านล่างนี้คือไฟล์ jsconfig.json ซึ่งกำหนดเป้าหมาย JavaScript เป็น ES6 และแอตทริบิวต์ exclude จะไม่รวมโฟลเดอร์ node_modules

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

นี่คือตัวอย่างที่มีแอตทริบิวต์ Explicit files

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

ไม่สามารถใช้แอตทริบิวต์ files ร่วมกับแอตทริบิวต์ exclude หากระบุทั้งสองอย่างแอตทริบิวต์ files จะมีความสำคัญเหนือกว่า

ลองแก้ไขคุณสมบัติ "target" ใน 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"
  ]
}

มิฉะนั้นคุณสามารถใช้ ESLint เพื่อเน้นข้อผิดพลาด ES7 (โดยใช้ตัวแยกวิเคราะห์ babel หรืออื่น ๆ ): VSCode Linter ES6 ES7 Babel linter

หรือคุณสามารถใช้ Flow แทน typescript ซึ่งง่ายกว่ามากในการตั้งค่าและย้ายข้อมูล ผมเขียนบทความเล็ก ๆ บนวิธีการตั้งค่าการไหลกับ VS รหัส

ณ วันที่นี้และตามเอกสารESLintบน VSCode Marketplace รวมถึงไฟล์คอนฟิกูเรชัน. eslintrc ในรูทของโปรเจ็กต์เปิดใช้งาน ES6 linting ในส่วนขยาย ESLint VSCode

ไฟล์ config .eslintrc ของฉันมีลักษณะดังนี้:

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

ฉันติดตั้ง eslint ผ่าน npm ใน node_modules และสิ่งที่ฉันรู้ก็คือด้วย. eslintrc ในโฟลเดอร์รูทของโปรเจ็กต์ ES6 ใช้งานได้และไม่มีมันก็ไม่ได้

หวังว่านี่จะช่วยได้ ...