TypeScript简单介绍以及初步的使用

  1. TypeScript :主要提供了类型系统和对 ES6 的支 持,TypeScript可以使用JavaScript中的所有代码和编程概念,TypeScript是为了 使JavaScript的开发变得更加容易而创建的。
  2. TypeScript 增加了代码的可读性和可维护性,,可以在编译阶段就发现大部分错 误,这总比在运行时候出错好,增强了编辑器和 IDE(IDE的意思是集成开发环境,IDE多被用于开发HTML应用软件) 的功能,包括代码补全、 接口提示、跳转到定义、重构等
  3. TypeScript 非常包容,,.js 文件可以直接 重命名为 .ts ,即使 TypeScript 编译报错,也可以生成 JavaScript 文 件,
  4. 提示:在开发大型开发项目时,使用TypeScript更加合适。如果有一个相对较小的编码 项目,似乎没有必要使用TypeScript,只需使用JavaScript。
步骤详情
  1. 我们需要新建文件在vscode中

  2. 先全局下载安装typescript环境 “ cnpm install -g typescript”

  3. 在Vscode中新建.ts文件

  4. 打开Vscode终端输入“ tsc --init ” 这个时候会产生一个.json文件,也可以改变.json文件里的配置内容

    `

    {
      "compilerOptions": {
       "target": "es5",
       "noImplicitAny": false,
       "module": "amd",
       "removeComments": false,
       "sourceMap": false,
       "outDir": "src/js"//你要生成js的目录
      }
    }
    
  5. `

  6. 再次打开终端——>点击运行任务——>点击监视,会在终端运行后,在菜单栏中自动生成src目录以及src下的JS文件,讲.js和.ts分屏,即可编译代码

  7. 在编译过程中推荐一款Vscode插件 “ TypeScript Hero ” ,方便查看代码信息

与其相关的学习网址推荐:

TypeScript学习网-----> 点击这里了解更多详细的内容介绍

TypeScript 中文手册变量声明 ---->
https://typescript.bootcss.com/variable-declarations.html

TypeScript 基础类型j介绍-----> https://www.tslang.cn/docs/handbook/basic-types.html

多应用:https://www.tslang.cn/samples/index.html

在编译过程中可能会遇到一下问题
在这里插入图片描述

解决方法:

报错改正: https://blog.csdn.net/larpland/article/details/101349586

  1. 以管理员身份运行vscode;
  2. 执行:get-ExecutionPolicy,显示Restricted,表示状态是禁止的;
  3. 执行:set-ExecutionPolicy RemoteSigned;
  4. 这时再执行get-ExecutionPolicy,就显示RemoteSigned
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值