安装TypeScript

安装TypeScript

• 创建工程文件夹：mkdir <project folder>

• 进入工程文件夹：cd <project folder>

• 快速创建程序包：npm init -y

• 本地开发安装TypeScript包：npm install -D typescript

• 使用命令npx tsc -v检查安装TypeScript的版本。

• 创建src目录：md src

• 进入src目录：cd src

• 创建index.ts，内容如下：

console.log('Hello, World!');

• 运行TypeScript命令行：npm tsc index.ts ，生成index.js文件。

• 运行node index.js，执行Javascript文件。

• npx tsc --init初始化tsconfig.json文件，默认配置为：

{
    "compilerOptions": {
          "target": "es2016",
          "module": "commonjs",
          "strict": true,
          "esModuleInterop": true,
          "skipLibCheck": true,
          "forceConsistentCasingInFileNames": true
    }
}

参考标准项目目录结构如下：

project folder\
|---- dist\
|---- src\
          |---- config\
          |---- controllers\
          |---- models\
          |---- public\
          |---- types\
          |---- util\
|---- test\
|---- package.json
|---- tsconfig.json

修改tsconfig，更新如下项目：

{
    "compilerOptions": {
        "rootDir": "src",
        "sourceMap": true,
        "outDir": "dist",
    },
"include": ["src/**/*"],
"exclude": ["node_modules", "**/*.spec.ts"]
}

配置完，保存并运行npx tsc，就可以看到自动生成了dist目录，并且在目录中生成了index.js和index.js.map文件。

参考：

• TypeScript: How to set up TypeScript (typescriptlang.org)
• TypeScript: Bootstrapping tools for TypeScript projects (typescriptlang.org)
• npm vs npx — What’s the Difference? (freecodecamp.org)
• TypeScript: Documentation - What is a tsconfig.json (typescriptlang.org)