• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript之环境搭建

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

TypeScript介绍:

  TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集,

  TypeScript 在 JavaScript 的基础上添加了可选的静态类型和基于类的面向对象编程。

TypeScript和JavaScript的对比

TypeScript 与JavaScript两者的特性对比,主要表现为以下几点:

  • TypeScript是一个应用程序级的JavaScript开发语言。(这也表示TypeScript比较牛逼,可以开发大型应用,或者说更适合开发大型应用)
  • TypeScript是JavaScript的超集,可以编译成纯JavaScript。这个和我们CSS离的Less或者Sass是很像的,我们用更好的代码编写方式来进行编写,最后还是有好生成原生的JavaScript语言。
  • TypeScript跨浏览器、跨操作系统、跨主机、且开源。由于最后他编译成了JavaScript所以只要能运行JS的地方,都可以运行我们写的程序,设置在node.js里。
  • TypeScript始于JavaScript,终于JavaScript。遵循JavaScript的语法和语义,所以对于我们前端从业者来说,学习前来得心应手,并没有太大的难度。
  • TypeScript可以重用JavaScript代码,调用流行的JavaScript库。
  • TypeScript提供了类、模块和接口,更易于构建组件和维护

本人喜欢用微软得vscode作为开发工具,以此为例,搭建分为四步windows系统:

  1.安装node环境(之前文章有,或者百度一大堆)

  安装成功后 在命令行中执行node -v         

               npm -v

  分别出现对应的版本号说明node安装成功

  2.安装TypeScript包

  在命令行窗口输入如下命令:

npm install typescript -g
tsc --version

  3.编写helloworld程序

  在程序文件夹内初始化项目

npm init -y

  创建tsconfig.json文件

tsc --init

  安装@types/node

npm install @types/node --dev-save

  编写HelloWorld.ts文件,然后进行保存

var a:string = "HelloWorld"
console.log(a)

  在Vscode的任务菜单下,打开运行生成任务,然后选择tsc:构建-tsconfig.json,这时候就会生成一个helloWorld.js文件

  在终端中输入node helloWorld.js就可以看到结果了

   


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
从零开始配置TypeScript+React+React-Router+Redux+Webpack开发环境发布时间:2022-07-18
下一篇:
02-TypeScript中新的字符串发布时间:2022-07-18
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap