手摸手教你学废TypeSript(一)

309 阅读2分钟

TypeScript 开发环境搭建

如果你想使用TypeScript来编写代码,你需要安装一下它的开发环境,这并不复杂。

1.安装node的运行环境

可以到 nodejs 的官网(https://nodejs.org)下载。

如果已经安装,可以打开命令行工具,然后使用node-v 命令直接查看安装的版本,但是一般还有一个命令需要检测一下,就是npm -v 如果这两个命令都可以输出版本号,说明你的Node安装已经没有任何问题了。

2.全局安装ts

你要使用 TypeScript 先要在你的系统中全局安装一下TypeScript,这里你可以直接在 VSCode 中进行安装,安装命令可以使用 npm 也可以使用 yarn

npm install typescript -g
yarn global add typescript

3.建立和编译TS文件

  • 新建文件夹,新建一个ts文件
function fyj(){
    let web:string = "m";
    cnsole.log(web)
}
fyj()
  • 这个时候使用node Demo.js 是执行不成功的,因为Node不能直接运行 TypeScript 文件,需要tsc Demo.js 转换一下 新生成了一个demo1.js 文件,需要node demo1.js 在终端里就可以顺利的输出 “m”的字符了。

4.ts-node 的安装和使用

但是这样操作的效率实在是太低了,你可以使用ts-node插件来解决这个问题,有了这个插件,我们就不用再编译了,而使用ts-node就可以直接看到编写结果。

使用npm命令来全局安装,直接在命令行输入下面的命令:

npm install -g ts-node

安装完成后,就可以在命令中直接输入如下命令,来查看结果了。

ts-node Demo1.ts

好了,今天就学这么多吧,恭喜你有学会了新的编程技能,小伙伴们,加油!!!

本文使用 mdnice 排版