typescript安装及编译运行

1.快捷键 win+R 打开运行面板,输入命令 cmd ,打开命令窗口。

2.node -v查看是否安装node,能正常输出版本号说明安装成功。下载地址:http://nodejs.cn/;windows一路next安装完成即可

3.安装typescript,在命令窗口输入npm install typescript -g进行全局安装,安装完成输入tsc -v查看版本

4.打开vs-code,新建文件夹名字我命为tsproject,点击它点击右键新建一个hello.ts的文件写入 

let hello: string = "Hello, world";

console.log(hello)

5.回到命令窗口输入tsc hello.ts,此时在项目下多出一个命为hello.js的文件

var hello = "Hello, world";

console.log(hello);

6.在命令窗口输入tsc -init,生成一个tsconfig.json文件,全部换成如下代码

{

  "compilerOptions": {

   "target": "es5",

   "noImplicitAny": false,

   "module": "amd",

   "removeComments": false,

   "sourceMap": false,

   "outDir": "js"//你要生成js的目录

  }

}

7.这里有几种常见的报错   

error TS5058: The specified path does not exist   解决方案:https://www.cnblogs.com/yeujuan/p/11949836.html

https:/go.microsoft.com/fwlink/?LinkID=13 5170   解决方案:https://blog.csdn.net/weixin_41217541/article/details/100181575

8.在vscode–> 终端–>运行任务 选择tsc:监视-tsconfig.json 文件,然后会生成一个js文件夹,编译后的hello.js就在这个目录下

9.以后只要对hello.ts进行修改,保存后hello.js会自动更新

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
安装运行TypeScript,您可以按照以下步骤进行操作: 1. 首先,您需要安装Node.js。您可以从Node.js官方网站(https://nodejs.org)下载并安装适合您操作系统的版本。 2. 安装完成后,打开命令行工具(如终端或命令提示符)并运行以下命令来检查Node.js是否成功安装: ``` node -v ``` 如果成功安装,将显示Node.js的版本号。 3. 接下来,您可以使用npm(Node.js的包管理器)来安装TypeScript。在命令行中运行以下命令: ``` npm install -g typescript ``` 这将全局安装TypeScript。 4. 安装完成后,您可以使用以下命令来检查TypeScript是否成功安装: ``` tsc -v ``` 如果成功安装,将显示TypeScript的版本号。 5. 现在,您可以创建一个TypeScript文件(例如,hello.ts),并使用任何文本编辑器打开它。 6. 在hello.ts文件中编写TypeScript代码。例如,您可以编写以下代码: ```typescript function sayHello(name: string) { console.log("Hello, " + name + "!"); } sayHello("TypeScript"); ``` 7. 保存并关闭文件后,在命令行中导航到包含hello.ts文件的目录。 8. 运行以下命令来编译TypeScript文件: ``` tsc hello.ts ``` 这将生成一个JavaScript文件(hello.js),其中包含编译后的代码。 9. 最后,您可以使用以下命令来运行生成的JavaScript文件: ``` node hello.js ``` 这将在命令行中显示输出:"Hello, TypeScript!"。 希望这些步骤能帮助您安装运行TypeScript。如果您有任何进一步的问题,请随时提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值