在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
1、准备工作
安装Node.js一方面提供一个开发的Runtime;另一方面提供的 下载Node.js安装包首先按照准备工作里面提供的链接下载对应平台的Node.js安装包 安装Node.js并检测是否安装成功安装Node.js,安装过程基本上是下一步,即可完成,然后在 设置node.js的npm安装package的全局路径[非必须]由于npm安装工具默认会跑到C盘[因为npmrc文件中默认的设置为: prefix=C:\Program Files\nodejs\node_global cache=C:\Program Files\nodejs\node_cache 设置package的环境变量[有必要]通过步骤3设置后,后续在安装工具的时候,比如安装TypeScript,最终会安装到 查看typescript版本[这里只是为了说明问题,可不用进行这一步] 打开 安装TypeScript安装TypeScript Compiler在前面安装好Node.js后,我们可以直接使用npm工具来安装TypeScript,这个TypeScript的Package其实也是一个Compiler,我们可以通过这个Complier将typescript编译成javascript。打开命令提示符 更新TypeScript Compiler如上图所示,下载的TypeScript版本为1.8.10,在官网,该版本为最新稳定版,所以不需要更新,如果我们下载的版本小于这个版本,我们可以使用如下命令来进行更新:
安装Visual Studio Code下载Visual Studio Code安装包并安装首先按照准备工作里面提供的链接下载对应平台的vscode安装包 我的第一个TypeScript程序新建一个workspace工作目录这里我先在桌面上新建一个 接着,在该目录下新建一个名为 创建我的第一个typescript文件在 class Studer{ fullName:string; constructor(public firstName,public middleInitial,public lastName){ this.fullName=firstName+' '+middleInitial+' '+lastName; } } interface Person{ firstName:string; lastName:string; } function greeter(person:Person){ return 'Hello,'+person.firstName+' '+person.lastName; } var user=new Studer('Jane','M','User'); document.body.innerHTML=greeter(user); 继续在该目录下新建一个
<!DOCTYPE html> <html lang="en"> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script src="greeter.js"></script> </body> </html> 编译typescript文件首先在 也可以使用命令自动创建这个配置文件, 接下来我们继续输入编译命令,编译 我们可以看到, 最后我们将index.html用Chrome或者Firefox打开看看效果:
注意: Vs code 编译 Ctrl+Shift+B 出现一下错误,就是typescript的版本不对,更新最新版本或者查看是否安装过多个版本通过环境变量PATH 重新指向。 error TS5007: Cannot resolve referenced file: '.'. error TS5023: Unknown option 'p' Use the '--help' flag to see options.
|
请发表评论