美文网首页
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