分享

TypeScript 的安装与简单使用

 风声之家 2022-08-27 发布于江苏

GIS学习笔记

积跬步至千里,积小流成江海。

温馨提示:本文针对的是学习 TypeScript 的新手,旨在快速搭建学习环境之用。

为何学习 TypeScript?要想成为一名合格的 GIS 开发工程师,不仅要掌握 GIS 相关的地图 API 框架,而且要掌握一些必要的前端框架,诸如 Vue、React 等。而像 React 对 TypeScript 的支持就很友好,并且 Vue 3.0 也是开始由 TypeScript 编写,为了学好这些前端框架,则很有必要掌握这门语言(菜鸟瑟瑟发抖

图片

)。以上仅站在自身专业角度来分析原因。

概述TypeScript 并非一门全新的语言,作为 JavaScript 的超集,它是基于 ECMAScript 标准进行拓展,支持 ECMAScript 未来提案中的特性,如装饰器、异步功能等,并且它可以编译为纯 JavaScript。它最早是由微软在 2012 年发布了首个公开版本。

注:JavaScript 的标准是 ECMAScript。

环境搭建

一、安装 Node.js 环境

做前端开发一般都装有 node 环境,若没有安装,请访问以下地址安装即可:https:///zh-cn/安装后在命令行输入 node -v 或 npm -v,若输出版本号则表示安装成功。

图片

二、安装 TypeScript

通过 npm 全局安装 typescript,命令如下:npm install -g typescript

注:在命令行输入诸如 tsc xxx.ts 命令则可编译一个 TypeScript 文件。三、安装 VS Code 插件

在 VS Code 中运行 TypeScript 代码,需要安装 Code Runner 插件,具体如下图所示:

图片

[object Object]

图片

接下来,我们就可以愉快地学习 TypeScript 啦!

最后,推荐一下我鼓捣的一个导航网站,经过前前后后大概几个月的整理,汇集了一些自己常用的学习网站、资源及在线工具等,已部署至 github 和 gitee(gitee 访问速度快点),欢迎访问,后续还会持续更新。访问地址如下:gitee地址:https://lovewhoilove.

github地址:https://

这些收集网址我基本都有使用过,若是有什么疑问的可以后台留言。

好了,以上就是本文的所有内容,后续有干货会继续分享!

参考资料:

http://www.imooc.com/wiki/typescriptlesson/tsintroduction.html

http://www.imooc.com/wiki/typescriptlesson/tsinstall.html

https://blog.51cto.com/u_13567403/3050630

https:///post/7013567903869976584

确定

不看此公众号

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多