美文网首页
TypeScript开发环境创建

TypeScript开发环境创建

作者: 随笔记呀 | 来源:发表于2021-01-18 10:00 被阅读0次
1:安装node的运行环境

安装node是作为一名前端开发者最基本的,可以到Node.js官网下载,很好安装的。

2: 全局安装TypeScript

要使用TypeScript先要在你的系统中全局安装以下TypeScript,这里可以在你的开发工具中进行安装,安装命令可以使用npm 也可以使用yarn

npm install  typescript -g

或者

yarn global add typescript
3: 建立项目目录和编译TS文件

可以在文件夹中建立一个demo1.ts文件,写入以下代码

  let count : number = 3
  console.log(count)

这个时候使用node demo1.ts是执行不成功的,因为Node不能直接运行TypeScript,需要用 tsc demo1.ts转换以下,转换完成后TypeScript代码被编译成了JavaScript代码,新生成一个demo1.js文件,这时候在命令行输入node demo1.js,在终端就可以顺利的输出结果3了。

4: ts-node 的安装和使用

像上面的操作效率实在很低,可以下载ts-node插件解决这个问题,有了这个插件,就不用手动编译了,直接使用ts-node就可以看到编写结果了。
使用npm 命令来全局安装

npm install  -g  ts-node

安装完成后,就可以在命令中直接输入以下命令

 ts-node  demo1.ts

相关文章

网友评论

      本文标题:TypeScript开发环境创建

      本文链接:https://www.haomeiwen.com/subject/gkvtzktx.html