Typescript 开发环境安装、Node.js安装以及输出HelloWorld
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Typescript 开发环境安装、Node.js安装以及输出HelloWorld,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1680字,纯文字阅读大概需要3分钟。
内容图文
![Typescript 开发环境安装、Node.js安装以及输出HelloWorld](/upload/InfoBanner/zyjiaocheng/847/36952f3c33a5408a80a6b64b90a48588.jpg)
1.为什么要学习Typescript 语言呢
原因很简单,当然是为了工作呀,因为工作使我接触到了Typescript语言,感觉它比较像C#、Java 这样面向对象的语言,由于最近在使用它开发项目所以系统学习一下,在此记录一下学习过程。
2.Typescript 语言百度百科介绍
TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。TypeScript还遵循ES6、ES5规范,同时因为是Javascript 的超集,当然可以无缝编译成Javascript 语言,使得它具备开发大型项目的能力。Typescript 中文网传送门:https://www.tslang.cn/
3.Typescript 开发环境安装(windows系统)
(1).先安装Node.js 环境
百度打开Node.js官网https://nodejs.org/en/ ,下载LTS版本安装
检查Node.js 安装是否成功:快捷键 win+R 打开运行面板输入命令 cmd打开命令窗口 输入命令:node -v 查看Node.js版本号 ,npm -v 查看npm 版本号,如果看到版本号代 表安装成功了,若没有则表示安装不成功
(2)安装Typescript
在刚才的命令窗口输入命令 npm install typescript -g 进行安装,然后等待安装完成
检查是否安装成功 输入命令 tsc -version 若看到版本号则代表安装成功,否则不成功
4.老规矩,输出 Helloword
(1)选择IDE工具,可以选择VSCode 或HBuilder.这里使用VSCode IDE工具,VSCode 安装过程直接百度下载安装就行
(2)初始化项目 ,本地新建一个空文件夹,VSCode 打开空文件夹, VSCode-->查看-->终端 ,然后在终端运行命令 tsc --init 就会自动生成 tsconfig.json 文件
(3)自动编译.ts文件,将 tsconfig.json 文件中的一个注释的参数改为 "outDir": "./js", 表示自动将ts文件编译生成到文件js文件下
![Typescript 开发环境安装、Node.js安装以及输出HelloWorld - 文章图片](/upload/getfiles/0001/2021/5/6/20210506012201313.jpg)
VSCode--> 终端-->运行任务 选择tsc:监视-tsconfig.json 文件,然后会生成一个js文件夹,写ts文件保存以后就可以自动编译成js文件了。
编写一个ts文件,保存后编译成js文件,然后执行命令 node js/xxx.js 表示运行js文件下刚编译成的js文件就会输出HelloWorld。
?内容总结
以上是互联网集市为您收集整理的Typescript 开发环境安装、Node.js安装以及输出HelloWorld全部内容,希望文章能够帮你解决Typescript 开发环境安装、Node.js安装以及输出HelloWorld所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。