- TypeScript :主要提供了类型系统和对 ES6 的支 持,TypeScript可以使用JavaScript中的所有代码和编程概念,TypeScript是为了 使JavaScript的开发变得更加容易而创建的。
- TypeScript 增加了代码的可读性和可维护性,,可以在编译阶段就发现大部分错 误,这总比在运行时候出错好,增强了编辑器和 IDE(IDE的意思是集成开发环境,IDE多被用于开发HTML应用软件) 的功能,包括代码补全、 接口提示、跳转到定义、重构等
- TypeScript 非常包容,,.js 文件可以直接 重命名为 .ts ,即使 TypeScript 编译报错,也可以生成 JavaScript 文 件,
- 提示:在开发大型开发项目时,使用TypeScript更加合适。如果有一个相对较小的编码 项目,似乎没有必要使用TypeScript,只需使用JavaScript。
步骤详情
-
我们需要新建文件在vscode中
-
先全局下载安装typescript环境 “ cnpm install -g typescript”
-
在Vscode中新建.ts文件
-
打开Vscode终端输入“ tsc --init ” 这个时候会产生一个.json文件,也可以改变.json文件里的配置内容
`
{ "compilerOptions": { "target": "es5", "noImplicitAny": false, "module": "amd", "removeComments": false, "sourceMap": false, "outDir": "src/js"//你要生成js的目录 } }
-
`
-
再次打开终端——>点击运行任务——>点击监视,会在终端运行后,在菜单栏中自动生成src目录以及src下的JS文件,讲.js和.ts分屏,即可编译代码
-
在编译过程中推荐一款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
- 以管理员身份运行vscode;
- 执行:get-ExecutionPolicy,显示Restricted,表示状态是禁止的;
- 执行:set-ExecutionPolicy RemoteSigned;
- 这时再执行get-ExecutionPolicy,就显示RemoteSigned