typescript安装

typescript安装

首先,确保你已经安装了Node.js,没有安装的话请打开这个网站下载适合自己操作系统的nodejs

点击打开下载nodejs

安装后打开命令行,windows用户请同时按住windows图标键盘和R键,输入cmd,点击确定:



然后,可以使用npm或yarn来安装TypeScript。

通过npm安装TypeScript:命令行输入:


npm install -g typescript

等待几秒钟就安装完成了


还可以通过yarn安装TypeScript:

yarn global add typescript

安装完成后,你可以在终端中运行tsc -v命令来验证是否安装成功,并查看TypeScript的版本信息。


接下来,我们需要创建一个TypeScript项目。在项目的根目录下,创建一个名为tsconfig.json的文件,用来配置TypeScript编译器的选项。

示例tsconfig.json文件内容:

{
  "compilerOptions": {
    "target": "ESNext",
    "module": "ESNext",
    "outDir": "dist",
    "strict": true
  },
  "include": [
    "src/**/*.ts"
  ],
  "exclude": [
    "node_modules"
  ]
}


以上配置中的一些选项含义如下:

"target": "ESNext":编译后的JavaScript代码将会以ESNext标准输出,这样可以使用最新的JavaScript特性。
"module": "ESNext":指定模块系统的输出类型,这里我们使用ESNext模块。
"outDir": "dist":编译后的JavaScript文件输出到dist目录下。
"strict": true:启用严格模式,增加更多的类型检查。

现在,我们已经成功安装和配置了TypeScript,接下来我们可以编写一些示例代码进行实践。

示例代码:

新建一个名为app.ts的文件,编写如下内容:
function greet(name: string) {
  console.log(`Hello, ${name}!`);
}

greet("TypeScript");
现在,在终端中使用tsc app.ts命令将TypeScript代码编译成JavaScript代码:

tsc app.ts

你会发现在当前目录下生成了一个app.js文件,其中包含了编译后的JavaScript代码。


现在你可以在终端中运行node app.js来执行这段代码,输出结果为:

Hello, TypeScript!



网友评论0