Step 1 — Starting the TypeScript Project

To begin your TypeScript project, you will need to create a directory for your project:

    mkdir typescript-project

Now change into your project directory:

    cd typescript-project

With your project directory set up, you can install TypeScript:

    npm i typescript --save-dev

It is important to include the --save-dev flag because it saves TypeScript as a development dependency. This means that TypeScript is absolutely required for the development of your project.

With TypeScript installed, you can initialize your TypeScript project by using the following command:

    npx tsc --init

npm also includes a tool called npx, which will run executable packages. npx allows us to run packages without having to install them globally.

The tsc command is used here because it is the built-in TypeScript compiler. When you write code in TypeScript, running tsc will transform or compile your code into JavaScript.

Using the --init flag in the above command will initialize your project by creating a tsconfig.json file in your typescript-project project directory. This tsconfig.json file will allow you to configure further and customize how TypeScript and the tsc compiler interact. You can remove, add, and change configurations in this file to best meet your needs.

Open tsconfig.json in your editor:

    nano tsconfig.json

You, and you will find the default configuration. There will be many options, most of which are commented out:
typescript-project/tsconfig.json

{
  "compilerOptions": {
    /* Visit https://aka.ms/tsconfig.json to read more about this file */

    /* Projects */
    // "incremental": true,                              /* Enable incremental compilation */
    // "composite": true,                                /* Enable constraints that allow a TypeScript project to be used with project references. */
    // "tsBuildInfoFile": "./",                          /* Specify the folder for .tsbuildinfo incremental compilation files. */
    // "disableSourceOfProjectReferenceRedirect": true,  /* Disable preferring source files instead of declaration files when referencing composite projects */
    // "disableSolutionSearching": true,                 /* Opt a project out of multi-project reference checking when editing. */
    // "disableReferencedProjectLoad": true,             /* Reduce the number of projects loaded automatically by TypeScript. */
    
    . . .
  }
}

You can customize your TypeScript configuration. In the tsconfig.json file. For instance, you might consider uncommenting the outDir entry and setting it to "./build", which will put all of your compiled TypeScript files into that directory.

With TypeScript installed and your tsconfig.json file in place, you can now move on to coding your TypeScript app and compiling it.
ขั้นตอนที่ 1 — การเริ่มโปรเจ็กต์ TypeScript ในการเริ่มต้นโปรเจ็กต์ TypeScript คุณจะต้องสร้างไดเร็กทอรีสำหรับโปรเจ็กต์ของคุณ: mkdir typescript-project ตอนนี้เปลี่ยนเป็นไดเร็กทอรีโปรเจ็กต์ของคุณ: cd typescript-project เมื่อตั้งค่าไดเร็กทอรีโปรเจ็กต์ของคุณแล้ว คุณสามารถติดตั้ง TypeScript ได้ : npm i typescript --save-dev สิ่งสำคัญคือต้องรวมแฟล็ก --save-dev เนื่องจากจะบันทึก TypeScript เป็นการพึ่งพาการพัฒนา ซึ่งหมายความว่า TypeScript จำเป็นอย่างยิ่งสำหรับการพัฒนาโครงการของคุณ เมื่อติดตั้ง TypeScript แล้ว คุณสามารถเริ่มต้นโปรเจ็กต์ TypeScript ของคุณได้โดยใช้คำสั่งต่อไปนี้: npx tsc --init npm ยังมีเครื่องมือที่เรียกว่า npx ซึ่งจะเรียกใช้แพ็คเกจที่ปฏิบัติการได้ npx ช่วยให้เราสามารถรันแพ็คเกจโดยไม่ต้องติดตั้งทั่วโลก คำสั่ง tsc ถูกใช้ที่นี่เนื่องจากเป็นคอมไพเลอร์ TypeScript ในตัว เมื่อคุณเขียนโค้ดใน TypeScript การรัน tsc จะแปลงหรือคอมไพล์โค้ดของคุณเป็น JavaScript การใช้แฟล็ก --init ในคำสั่งด้านบนจะเริ่มต้นโปรเจ็กต์ของคุณโดยการสร้างไฟล์ tsconfig.json ในไดเร็กทอรีโปรเจ็กต์ typescript-project ของคุณ ไฟล์ tsconfig.json นี้จะช่วยให้คุณกำหนดค่าเพิ่มเติมและปรับแต่งวิธีโต้ตอบของ TypeScript และคอมไพเลอร์ tsc ได้ คุณสามารถลบ เพิ่ม และเปลี่ยนแปลงการกำหนดค่าในไฟล์นี้เพื่อให้ตรงตามความต้องการของคุณมากที่สุด เปิด tsconfig.json ในโปรแกรมแก้ไขของคุณ: nano tsconfig.json คุณ และคุณจะพบการกำหนดค่าเริ่มต้น จะมีตัวเลือกมากมาย ซึ่งส่วนใหญ่จะใส่ความคิดเห็นไว้: typescript-project/tsconfig.json { "compilerOptions": { /* ไปที่ https://aka.ms/tsconfig.json เพื่ออ่านเพิ่มเติมเกี่ยวกับไฟล์นี้ */ /* โครงการ */ // "ส่วนเพิ่ม": จริง, /* เปิดใช้งานการคอมไพล์ส่วนเพิ่ม */ // "คอมโพสิต": จริง, /* เปิดใช้งานข้อจำกัดที่อนุญาตให้ใช้โครงการ TypeScript กับการอ้างอิงโครงการ */ // "tsBuildInfoFile": "./", /* ระบุโฟลเดอร์สำหรับไฟล์การคอมไพล์ส่วนเพิ่ม .tsbuildinfo */ // "disableSourceOfProjectReferenceRedirect": true, /* ปิดใช้งานการเลือกไฟล์ต้นฉบับแทนไฟล์การประกาศเมื่ออ้างอิงถึงโปรเจ็กต์คอมโพสิต */ // "disableSolutionSearching": true, /* เลือกโปรเจ็กต์ออกจากการตรวจสอบการอ้างอิงหลายโปรเจ็กต์เมื่อทำการแก้ไข */ // "disableReferencedProjectLoad": true, /* ลดจำนวนโครงการที่โหลดอัตโนมัติโดย TypeScript */ . . . } } คุณสามารถปรับแต่งการกำหนดค่า TypeScript ของคุณได้ ในไฟล์ tsconfig.json ตัวอย่างเช่น คุณอาจพิจารณายกเลิกการใส่ข้อคิดเห็นรายการ outDir และตั้งค่าเป็น "./build" ซึ่งจะนำไฟล์ TypeScript ที่คอมไพล์แล้วทั้งหมดของคุณไปไว้ในไดเร็กทอรีนั้น เมื่อติดตั้ง TypeScript และไฟล์ tsconfig.json ของคุณแล้ว ตอนนี้คุณสามารถก้าวไปสู่การเขียนโค้ดแอป TypeScript และคอมไพล์มันได้แล้ว
spam fails_task lang_mismatch pii not_appropriate hate_speech sexual_content quality toxicity humor helpfulness creativity violence