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

Typescript学习(一)----准备篇(vscode编译ts文件)

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

什么是typescript?

typescript是微软开发的一个脚本语言。他是JavaScript的超级,他遵循es6语法规范,他扩展了JavaScript的语法。

理解es5,es6,javascript,typescript的概念和关系?

es是JavaScript脚本规范,我们常用的es5,es6是这个规范的两个不同版本。因此,ECMAScript 和 JavaScript 的关系是,前者是后者的规格,后者是前者的一种实现

我们为什么要学习typescript语言?

1.因为typescript支持es6的规范
2.减少在开发过程中代码出错几率,提高代码质量

使用typescript编译工具

大部分的主流浏览器还不支持typescript脚本的语法,所以我们需要一些编译工具来实现typescript对JavaScript的转换:
1.使用typescript官网的工具:http://www.typescriptlang.org/play/index.html
2.安装本地的typescript编译工具

本地安装使用typescript?

1.输入下面的命令

npm install -g typescript

2.在命令行中输入

tsc --init

3.在.vscode文件夹下新建tasks.json文件,输入下面的代码

{
    "version": "2.0.0",
    "tasks": [
        {
            "type": "typescript",
            "tsconfig": "tsconfig.json",
            "problemMatcher": [
                "$tsc"
            ],
            "group": {
                "kind": "build",
                "isDefault": true
            }
        }
    ]
}

4.在你的项目根目录下面新建文件tsconfig.json文件,输入下面的内容

{

    "compilerOptions": {
 
        "target": "es5",
 
        "noImplicitAny": false,
 
        "module": "commonjs",
 
        "removeComments": true,
 
        "sourceMap": false,
 
        "outDir": "Golang/TypeScript/"
 
     }
 
 }

5.使用快捷键ctrl+shift+B运行task任务,并选择带有监视字样的选项
最后粘出我的项目文件夹结构和配置代码


鲜花

握手

雷人

路过

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

请发表评论

全部评论

专题导读
上一篇:
TypeScript类与继承和修饰符public、private、protected的详细讲解发布时间:2022-07-18
下一篇:
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