স্বয়ংক্রিয় সংগ্রহ নিয়ে TypeScript মধ্যে ভিজুয়াল স্টুডিও কোড ছাড়া

এই পোস্টে আমরা দুটি সমস্যার সমাধান করবে: 1) আদেশ “TSC” বনাম সমন্বিত টার্মিনাল কোড শনাক্ত করা যায়নি, ই 2) লোকটা স্বয়ংক্রিয়ভাবে ফাইলটি সংরক্ষণের সময় কাজ করে না “.TS” (স্ক্রিপ্টের ধরন).

ভূমিকা

শুধু contextualize জন্য, The Typescript লটারি টাইপ করা কাঠামো ব্যবহার করে কোড লিখে এই সঙ্কলনকৃত বিশুদ্ধ জাভাস্ক্রিপ্ট কোড করে করতে আপনাকে সম্মতি দেয়. ইতোমধ্যে ভিজুয়াল স্টুডিও কোড ভিডিও গেমের সম্পাদক Microsoft দ্বারা সৃষ্টি হয়.

// এই পোস্টে ব্যবহৃত সংস্করণ:
- ভিজুয়াল স্টুডিও (বনাম) কোড: সংস্করণ 1.14.1
- Typescript: সংস্করণ 2.4.1

এই সহজ পরামর্শ।, কিন্তু তুমি জানো না তুমি যদি আপনার সমস্যা হতে পারে: আমার মামলা :: D

Node.js এবং TypeScript ইন্সটলেশন

Node.js প্যাকেজ ম্যানেজার দিয়ে TypeScript সংস্থাপন করার জন্য একটি উপায়। (NPM – নোডের প্যাকেজ ব্যবস্থাপক), কিন্তু এটি ব্যবহার করতে, আপনার প্রথম প্রয়োজন সংস্থাপন করুন Node.js.

নোডের ইনস্টল করার পর, টার্মিনাল খোলো (আদেশ) আর নিচের কমান্ডটি রান TypeScript ইনস্টল করুন:

NPM ইনস্টল করুন -জি typescript

Windows টার্মিনাল (অথবা লিনাক্স), কি টেস্ট রান TypeScript ইনস্টল হওয়া সংস্করণের পরীক্ষা করা হচ্ছে. আদেশ “TSC” নাবালকদের জন্য TypeScript সংগ্রাহক।.

TSC -v

সমস্যা

সমস্যা যে বিধান। “TSC” সাধারণত উইন্ডোজ টার্মিনালে কাজ করেছিল।, কিন্তু যে ভিজ্যুয়াল স্টুডিও কোডের মধ্যে সমন্বিত টার্মিনাল না আসে (বনাম কোড), নিম্নবর্তী ত্রুটি প্রদর্শন:

"tsc" শনাক্ত করা যায়নি এই অভ্যন্তরীণ বা বাহ্যিক হুকুম,-অপারেবেল কার্যক্রম বা ব্যাচ ফাইল ফাইল.

উপরন্তু, আদেশ চালনা করতে চান না “TSC” প্রত্যেক সময় আমি ফাইলটি সংগ্রহ করতে চেয়েছিলাম “.TS” (TypeScript মেয়াদ বৃদ্ধি). তারপর, কিভাবে সংরক্ষণ করতে স্বয়ংক্রিয় নির্মাণ করতে (CTRL + S)? আমরা আরো দেখতে হবে।.

অন্যান্য সমস্যা

এই সমস্যার সমাধান করার চেষ্টা, ব্যবহার করতে এই পোস্ট আমি দেখতে পেলাম compileOnSave, কিন্তু এটি শুধু ভিজুয়াল স্টুডিও দ্বারা সমর্থিত 2015 TypeScript সাথে > = 1.8.4 আর অণু-typescript প্লাগ-ইন. অন্য কথায়, কোন পয়েন্ট ব্যবহার করা হয়। compileOnSave এ “পরিশোধক tsconfig।” ভিজুয়াল স্টুডিও কোড, নিচের কোড কাজ করবে না:

{
   "compileOnSave": সত্য,
   "compilerOptions": {
       "noImplicitAny" : সত্য
   }
}

সমাধান

TSC তে বনাম টার্মিনাল কোড সমন্বিত

প্রথমত, আমরা সমস্যার সমাধান TSC ভিজুয়াল স্টুডিও সমন্বিত টার্মিনাল কোড চেনা যাবে না (বনাম কোড).

কিছু পোস্ট পরামর্শ tsc বা npm পথে পথে এনভায়রনমেন্ট ভেরিয়েবল রাখতে, কিন্তু এ সমস্যা সমাধানে সহজ উপায় কাজ সংস্থাপন করুন “Typescript জন্য ভিজুয়াল স্টুডিও, এটি হল কোড বনাম সুসংগত.

হ্যা এখন, ইন্সটল করার পর, খোলা ভিজুয়াল স্টুডিও টার্মিনাল কোড সমন্বিত, টাইপ করা হচ্ছে:

// টার্মিনাল কোড সমন্বিত ভিজুয়াল স্টুডিও-এর জন্য শর্টকাট কী:
CTRL+`
// অথবা ভিজুয়াল স্টুডিও কোড টার্মিনাল খুলতে মেনু ব্যবহার করুন:
প্রদর্শন করুন > সমন্বিত টার্মিনাল

যাচাই করে দেখুন TypeScript সংস্করণ সরাসরি কোড বনাম সমন্বিত টার্মিনাল (Windows টার্মিনালে না), আর সম্ভবত কাজ করবে:

TSC -v

যখন একটি ফাইল সংরক্ষণ করার স্বয়ংক্রিয় সংকলন .TS

আপনার স্ক্রিপ্ট ডিরেক্টরিতে টার্মিনাল কোড বনাম দাঁড়িয়ে (.TS), উদাহরণস্বরূপ:

CD-তে সি:\wamp64wwwts

ফাইলটি তৈরি করুন পরিশোধক tsconfig। কোন টার্মিনাল বনাম digitando কোড:

TSC --সূচনা

Arquivo দায়ের আম মনে রাখবেন “পরিশোধক tsconfig।” será criado em “সি:\wamp64wwwts” (diretório কোররেন্ট).

Abra হে পরিশোধক tsconfig। e habilite opção “sourceMap”: সত্য, e প্রলেপ modificação, ficando যেখানে:

  "compilerOptions": {
    /* মৌলিক বিকল্পসমূহ */
    "target": "es5",                          /* ECMAScript লক্ষ্য সংস্করণ সুনির্দিষ্টভাবে উল্লেখ করুন: 'ES3 ' (ডিফল্ট), 'ES5 ', 'ES2015 ', 'ES2016 ', 'ES2017 ', বা 'ESNEXT '. */
    "module": "commonjs",                     /* মডিউল কোড প্রজন্মের নির্দিষ্টভাবে উল্লেখ করুন: 'commonjs ', 'এএমডি', 'সিস্টেম', 'umd ', 'es2015 ', বা 'ESNext '. */
    // "lib": [],                             /* সংকলন করে অর্ন্তভুক্ত করা লাইব্রেরীতে ফাইল উল্লেখ করুন:  */
    // "allowJs": সত্য,                       /* জাভাস্ক্রিপ্ট ফাইল একত্রিত হতে মঞ্জুরি দিন. */
    // "checkJs": সত্য,                       /* . Js ফাইলগুলি ত্রুটি প্রতিবেদন. */
    // "jsx": "preserve",                     /* JSX কোড প্রজন্মের নির্দিষ্টভাবে উল্লেখ করুন: 'রক্ষা', "প্রতিক্রিয়া-জাতক।, বা 'প্রতিক্রিয়া'. */
    // "declaration": সত্য,                   /* সংশ্লিষ্ট তৈরি করে '। d.ts' ফাইল. */
    "sourceMap": সত্য,                     /* '.Map'-এর সংশ্লিষ্ট ফাইল তৈরি করে. */
    // "outFile": "./",                       /* Concatenate ও আউটপুট একটি ফাইলে বীর্যপাত সম্পর্কে।. */
    // "outDir": "./",                        /* পুনঃনির্দেশ আউটপুট গঠন করতে নির্দেশিকা. */
    // "rootDir": "./",                       /* ইনপুট ফাইল রুট ডিরেক্টরি নির্ধারণ করো. আউটপুট ডিরেক্টরি কাঠামো নিয়ে-outDir নিয়ন্ত্রণ করার জন্য ব্যবহার. */
    ... চলতে ...

শীঘ্রই, এখন গ্র্যান্ড বনাম কোড আছে শুধু চলে যাও। আর কমান্ড লিখুন:

TSC -w

এই আদেশ মনিটরিং। (অথবা দেখুন, অতএব “w” ঘড়ি) অ্যাপ্লিকেশন ও ফাইল পরিবর্তন .TS, যখন উদ্ধার, অবিলম্বে বৈধ হবে .জেএস.

এটাই সব!

মোট ব্যবহারের: 1117

একটি উত্তর ত্যাগ

আপনার ইমেল ঠিকানা প্রকাশিত হবে না. প্রয়োজনীয় ক্ষেত্র চিহ্নিত করা হয় *