Vscode এ ES6 / ES7 সিনট্যাক্স সমর্থন চালু করার কোন উপায় আছে?

Question

3 সম্পাদনা করুন: 0.4.0 সংস্করণে শুরু করে, ES6 সিনট্যাক্সটি jsconfig.jsonনিম্নলিখিত ফটোগুলিতে নিম্নলিখিত ফটোগুলিতে একটি ফাইল যুক্ত করে চালু করা যেতে পারে :

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

---

সম্পাদনা 2: আপনি ব্যবহারকারী ভয়েসে এই বৈশিষ্ট্যটির পক্ষে ভোট দিতে পারেন

---

ভিজ্যুয়াল স্টুডিও কোডে ES6 / ES7 "চালু" করার কোনও উপায় আছে কি?

সম্পাদনা করুন 1

@ সর্বवेशের পরামর্শের চেষ্টা করা হয়েছে - ওভাররড javascript.validate.targetএবং ভিসকোড পুনরায় চালু হয়েছে। সাহায্য করেনি।

Comments

আপনার প্রশ্নের সম্পাদনার চেয়ে উত্তর হিসাবে রাখলে কি আপত্তি হবে?

— জেরোইন ভেনেভেল

Answer 1

বর্তমানে, ES6 এবং ES7 বৈশিষ্ট্যগুলি ব্যবহারের একমাত্র উপায় হ'ল টাইপস্ক্রিপ্ট ব্যবহার করা ।

অন্যদিকে, আপনি এখানে দেখতে পারেন যে ES6 এবং ES7 এর জন্য একটি বৈশিষ্ট্য অনুরোধ রয়েছে

Comments

আপডেট: দেখে মনে হচ্ছে ES6 জুলাই ২০১৫ থেকে উপলব্ধ হবে - ভিজ্যুয়াল স্টুডিও.ইউসারওয়্যস

— ফোরামস

বেশ ভাল লাগছে। এখনও, সাধারণভাবে কাজ করার আছে।

— এমজিডিভি

আমি সর্বশেষতম সংস্করণটি ব্যবহার করছি 0.8.0আমি এখনও ফ্যাট তীর ফাংশনগুলির জন্য রঙিন ত্রুটি দেখতে পাচ্ছি ... কেন?

— ভ্যান্থোম

@ যেহেতু আপনি এস with সহ যে ফাইলগুলি লিখতে চান সেগুলি সূচিত করতে হবে, লিঙ্কটি চেক করুন: কোড.

— visualstudio.com/

@ টিওনএক্সপি আপনার সাথে যোগাযোগের মানে jsconfig.json? ওয়েল আমি এটি চেষ্টা করি নি তবে আমি বিশ্বব্যাপী এটি সক্ষম করলে এটি কাজ করবে বলে আমি আশা করি। আমি ভিএসকোড ফাইল-বাই-ফাইল বলতে চাই না যে আমি ES6 ব্যবহার করতে চাই।

— ভ্যান্থোম

Answer 2

এটি বেশ সহজ, আপনার প্রকল্পের মূলে একটি jsconfig.json ফাইল তৈরি করুন এবং এতে এই বস্তুটি লিখুন:

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

Comments

দুর্দান্ত কাজ করে, ধন্যবাদ! স্পষ্টতই তারা এই গ্রীষ্মে vscode এ এটি অন্তর্ভুক্ত করেছেন: ব্লগস.এমএসএনএন / বি / ভিস্কোড / আর্কিভ / ২০১ive / 07/06 / ভিভিস- কোড-es6.aspx সুতরাং উপরের উত্তরটি আর সঠিক নয়।

— টম

"experimentalDecorators": trueএস 7 আলংকারীর জন্য যুক্ত করুন

— হিউজেস

ES6 আমদানি সম্পর্কে কী? ডিবাগিং / ব্রেক পয়েন্ট কাজ করবে? কাজ করে বলে মনে হচ্ছে না "module": "es2015"।

— arve0

এটি আমার জন্য কাজ করে না আমার এই ছেলেদের সমস্যা আছে stackoverflow.com/questions/35110019/…

— জ্যাক ফাঁকা

Answer 3

এই লিঙ্কটি অনেক সাহায্য করেছিল। প্রকল্পে jsconfig.json ফাইল যুক্ত করা খুব ভাল সমাধান করে না বা এটি সেরা সমাধান নয়। ফাইল> পছন্দসমূহ> সেটিংসে যান। সেটিংস.জসন ফাইলে এই লাইনটি যুক্ত করুন:

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

Answer 4

উপরের উত্তরগুলিতে যুক্ত করা হচ্ছে ...

ভিএস কোডের ডক্স অনুসারে ..

নিশ্চিত করুন যে আপনি jsconfig.json আপনার জাভাস্ক্রিপ্ট প্রকল্পের মূলে রেখেছেন এবং কেবল আপনার কর্মক্ষেত্রের মূলে নয়। নীচে একটি jsconfig.json ফাইল যা জাভাস্ক্রিপ্ট টার্গেটটি ES6 হিসাবে সংজ্ঞায়িত করে এবং বাদ্য বৈশিষ্ট্যটি নোড_মডিউলগুলি ফোল্ডার বাদ দেয়।

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

সুস্পষ্ট ফাইল বৈশিষ্ট্য সহ এখানে একটি উদাহরণ।

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

ফাইলগুলি অ্যাট্রিবিউটটি বাদ দেওয়া বৈশিষ্ট্যের সাথে একত্রে ব্যবহার করা যাবে না। যদি উভয়ই নির্দিষ্ট করা থাকে তবে ফাইলগুলির বৈশিষ্ট্যটি প্রাধান্য পায়।

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"
  ]
}

Comments

এর অর্থ কী: "আপনার জাভাস্ক্রিপ্ট প্রকল্পের মূলে এবং কেবলমাত্র আপনার কর্মক্ষেত্রের মূলে নয়"?

— জ্যারেড ক্রিস্টেনসেন

কেন বনাম কোডটি ঠিক কী বাছাই করতে পারে না .babelrc? সব নকল কনফিগার কেন? grumbl

— ডি উইট

Answer 5

অন্যথায় আপনি ES7 ত্রুটি (বাবেল পার্সার বা অন্যদের ব্যবহার করে) হাইলাইট করতে ESLint ব্যবহার করতে পারেন: ভিএসকোড লিন্টার ES6 ES7 ব্যাবেল ল্যাটার

Answer 6

বিকল্পভাবে আপনি টাইপস্ক্রিপ্টের পরিবর্তে ফ্লো ব্যবহার করতে পারেন যা সেটআপ এবং মাইগ্রেটেড করা থেকে সহজ। ভিএস কোড সহ কীভাবে প্রবাহ সেটআপ করবেন সে সম্পর্কে আমি একটি ছোট্ট নিবন্ধ লিখেছিলাম ।

Answer 7

এই তারিখ হিসাবে এবং ESLint অনুযায়ী এবং ভিএসকোড মার্কেটপ্লেসে ডক্স , প্রকল্পের মূলটিতে একটি .eslintrc কনফিগারেশন ফাইল সহ ESLint VSCode এক্সটেনশনে ES6 লন্টিং সক্ষম করে।

আমার .eslintrc কনফিগারেশন ফাইলটি দেখতে এমন দেখাচ্ছে:

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

আমি নোড_মডিউলগুলিতে এনপিএমের মাধ্যমে এসলিন্ট ইনস্টল করেছি এবং আমি যা জানি তা হ'ল প্রজেক্টের মূল ফোল্ডারে ES6 লন্টিংয়ের .eslintrc দিয়ে এবং এটি ছাড়া এটি হয় না।

আশাকরি এটা সাহায্য করবে...