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

入门 typescript

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

1.TypeScript 是一种由微软开发的自由和开源的编程语言,它是 JavaScript 的一个超集,扩展了 JavaScript 的语法

2.在本地 新建一个名为 test 文件 存放我们的学习项目 我们通过npm 来安装  TypeScript   命令行  输入 cnpm install -g  typescript

按下 回车   安装typescript包   安装完了  我们 在 命令行 输入 tsc -v 查看下 版本号   如果能看到版本号 说明 安装成功 反之则没有 

3.我们已经完成安装  此时 我们初始化项目   tsc  --init 命令进行基本的初期化  

可以看到项目 目录下  多了 一个  tsconfig.json   文件

4.我们此时 新建 一个 hello.ts文件 存放 typescript语法编写的代码  使用vscode打开 hello.ts 文件  编码如下:

5.编码  完了  我们使用 tsc hello.ts 编译  此时 当前目录下   会多一个  hello.js 文件   

我们可以打开 hello.js 文件   看到 hello.ts  文件中的  typescript语法 被转成了   hello.js   javascript 语法   此时  我们 新建 一个 index.html 文件 引入 hello.js  文件

然后  浏览器 打开  就可以了   至此  我们初步入门TypeScript模式开启了  让我们一起知识中遨游吧  


鲜花

握手

雷人

路过

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

请发表评论

全部评论

专题导读
上一篇:
TypeScript-infer关键字发布时间:2022-07-18
下一篇:
webpack打包项目时typescript报错The 'files' list in config file 'tsconfig.json' i ...发布时间: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