創建一個空項目，在項目根目錄創建一個tsconfig.json文件
自動配置：
打開終端輸入tsc --init，即可自動生成tsconfig.json文件
手動配置：
在項目根目錄下新建一個tsconfig.json文件,并配置如下內容
具體配置可以直接使用下面的配置，詳細配置可以去官網查考每一個屬性對應的作用

官網地址：https://www.tslang.cn/docs/handbook/compiler-options.html

{"compilerOptions": {"target": "esnext","useDefineForClassFields": true,"module": "esnext","moduleResolution": "node","strict": true,"noLib": false,"sourceMap": true,"resolveJsonModule": true,  // JSON模塊導入允許"esModuleInterop": true,"lib": ["esnext", "dom"],"baseUrl": ".","allowJs": true,  //編譯JS/*  "paths": {"@*//*": ["src*//*"]},*/"types": ["vite/client", "unplugin-icons/types/vue", "element-plus/global"],"skipLibCheck": true /* Skip type checking all .d.ts files. */,"allowSyntheticDefaultImports": true /* 允許默認導入 */,"forceConsistentCasingInFileNames": true /* Ensure that casing is correct in imports. */,"jsx": "preserve","jsxFactory": "h","jsxFragmentFactory": "Fragment"},"include": ["src/**/*.ts","src/**/*.vue","src/typings/**/*.d.ts","mock/**/*.ts","vite.config.ts","vite.config.ts","types/**/*.ts"],"exclude": ["node_modules", "dist", "**/*.js"]
}

?配置TS

配置TS文件監控

創建一個TS

class Student {fullName: string;constructor(public firstName: any, public middleInitial: any, public lastName: any) {this.fullName = firstName + " " + middleInitial + " " + lastName;}
}interface Person {firstName: string;lastName: string;
}function greeter(person: Person) {return "Hello, " + person.firstName + " " + person.lastName;
}let user = new Student("Jane", "M.", "User");
console.log(greeter(user));

編譯生成JS

tsc src/classGreeter

運行：?node .\src\classGreeter.js

直接右鍵run命令

run這個命令，這個時候進行如下操作：
①安裝直接運行所需依賴包：?npm install -g ts-node

2.安裝插件：Run Configuration for TypeScript

?在插件里安裝失敗

直接去網頁： Run Configuration for TypeScript - IntelliJ IDEs Plugin | Marketplace下載jar包，然后導入插件也可以用

右鍵運行效果