01TypeScript：初体验

最新推荐文章于 2024-03-19 17:01:45 发布
最新推荐文章于 2024-03-19 17:01:45 发布
阅读量1k 收藏 8
点赞数
分类专栏： TypeScript 文章标签： typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Bertil/article/details/119389561
版权

1.TypeScript概述

请添加图片描述
TS增加了什么？

  1. 类型
  2. 支持ES的新特性
  3. 添加ES不具备的新特性，比如接口、枚举…
  4. 丰富的配置选项，比如可以设置编译成任意版本的ES

2.TypeScript开发环境搭建

  1. 使用npm全局安装typescript
    • 进入命令行
    • 输入：npm i -g typescript
  2. 创建一个ts文件
  3. 使用tsc对ts文件进行编译
    • 进入命令行
    • 进入ts文件所在目录
    • 执行命令：tsc xxx.ts

3.第一个案例

  • 新建空文件夹，创建一个hello.ts文件
console.log('Hello TS')
  • 使用npm全局安装typescript
  • 在命令行输入tsc hello.ts进行编译即可
Bertil
关注
  • 0
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
empezando-typescript:演示文章打字稿
07-11
"empezando"是西班牙语，意为“开始”，这表明内容可能针对初学者，介绍TypeScript的基础知识和它如何在实际项目中提升JavaScript的开发体验。 **描述：“在这个存储库中，我们有一个 TypeScript 与 JavaScript 的...
vue-cli3+typescript初体验小结
10-17
Vue-cli3+TypeScript初体验小结的知识点涵盖了使用Vue-cli3创建基于TypeScript的Vue.js应用程序的整个过程。本篇小结从Vue-cli3的安装开始，逐步介绍了如何利用Vue-cli3创建项目并添加TypeScript支持，以及如何编写...
TypeScript：初体验
KaiSarH
05-23 471
TypeScript：初体验
TypeScript初体验
qq_44280090的博客
01-28 592
TypeScript初体验，简单使用与介绍TypeScript
TypeScript：初体验，月薪30K，我先收藏为敬
m0_63102527的博客
03-19 294
我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。运行 TS / JS 代码的工具：Node.js，一个基于 Chrome 浏览器 V8 解析引擎的 JavaScript 运行环境。ts-node 包内部偷偷的将 TS -> JS，然后，执行 JS 代码。
TypeScript：初体验，「架构师必备，满满的干货
m0_61040489的博客
03-19 363
对于框架原理只能说个大概，真的深入某一部分具体的代码和实现方式就只能写出一个框架，许多细节注意不到。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】算法方面还是很薄弱，好在面试官都很和蔼可亲，擅长发现人的美哈哈哈…（最好多刷一刷，不然影响你的工资和成功率???在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。
TypeScript札记：初体验
diaochou1143的博客
05-05 83
1、简介 TypeScript 是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 TypeScript是一种Compile-to-JavaScript的语言 TypeScript扩展了JavaScript的句法，所以现有的JavaScript程序可以不加修改，直接在TypeScript下工作...
TypeScript：初体验，毕业一年萌新的前端大厂面经，前端面试自我介绍
最新发布
m0_63174529的博客
03-19 242
运行 TS / JS 代码的工具：Node.js，一个基于 Chrome 浏览器 V8 解析引擎的 JavaScript 运行环境。在终端（黑窗口）中输入：node --version，验证是否安装成功（注意：需要重启VSCode）。① TS代码 -> JS代码：在当前目录打开终端，输入命令 tsc hello.ts 敲回车。简化方式：使用 ts-node 包，“直接”在 Node.js 中执行 TS 代码。ts-node 包内部偷偷的将 TS -> JS，然后，执行 JS 代码。
01 【TypeScript简介 初体验】
DSelegent的博客
08-06 277
01 【简介 初体验】
TypeScript 初体验：开发工具准备
薛定谔的猫
01-24 319
就是用来解析 TS 的工具包。提供了 tsc 命令，实现了 TS -> JS 的转。需要先将 TS 代码转化为 JS，然后就可以在 Node.js/浏览器中运行了。：用来安装前端开发中用到的包，是安装 Node.js 时自动安装的。Node.js/浏览器，只认识 JS 代码，不认识 TS 代码。（--global）：全局标识，可以在任意目录中使用该工具。本次我们使用的工具是VScode和node.js。敲回车，来安装（注意：需要联网）。问题：为什么要安装这个工具包？（install）：表示安装。
Cocos Creator + TypeScript 初体验
Cocos的博客
02-07 228
本篇文章的主要目的只有一个把一部分 JS 党转化到我 TS 党下。01前提无论学什么技术知识，官方文档都应该是你第一个教程，所以新手上路请先至少阅读这一节http://docs.cocos.com/creator/manual/zh/getting-started 再来看这篇文章。这里假设你已经成功安装了Cocos Creator。02TypeScript VS JavaScript这里当然...
06TypeScript：项目实战—贪吃蛇
Bertil的博客
08-05 1387
目录1.项目搭建2.项目界面3.定义Food类4.定义ScorePanel类5.定义Snake类6.定义GameControl类7.项目入口文件index.ts 1.项目搭建 准备好之前的webpack.config.js、tsconfig.json、package.json、package-lock.json四个文件，然后执行npm i安装依赖 安装其他依赖：npm i -D less less-loader css-loader style-loader（四个包，因为要使用到less）如果有其他web
02TypeScript：类型声明和变量类型
Bertil的博客
08-04 1351
1.类型声明 直接在变量声明后面加 let a: number; a = 10; a = 'hello'; // 此行代码会报错，但是可以编译成js（也可以设置为报错不能编译成功） 如果变量的声明和赋值是同时进行的，TS可以自动对变量进行类型检测 let c = true; c = false; 还可以对函数参数和返回值的类型进行声明 function sum(a: number, b: number): number{ return a + b; } 2.变量类型 numbe
04TypeScript：使用webpack打包ts代码
Bertil的博客
08-04 1124
1.webpack的简单使用 一般项目中我们不会直接编译ts代码，而是使用打包工具来进行。 初始化项目：npm init -y 安装依赖：cnpm i -D webpack webpack-cli typescript ts-loader（四个包） webpack-cli—命令行工具 ts-loader—将ts代码和webpack能整合在一起 新建webpack.config.js文件 // 引入一个包 const path = require('path'); //webpack 中
05TypeScript：面向对象
Bertil的博客
08-05 1034
目录1.面向对象2.类（class）3.构造函数和this4.继承5.super6.抽象类（ts新增的）7.接口（ts新增的）8.属性的封装9.泛型（ts新增的） 1.面向对象 面向对象是程序中一个非常重要的思想，简而言之就是程序之中所有的操作都需要通过对象来完成。对象中有属性和方法。 举例 操作浏览器要使用window对象 操作网页要使用document对象 操作控制台要使用console对象 2.类（class） 使用class关键字来定义一个类 class Person{ /*
03TypeScript：编译选项
Bertil的博客
08-04 952
1.自动编译的两种方法 tsc ts文件 -w 能够对单个ts文件进行监视，若有修改则会自动重新编译。 新建一个tsconfig.json文件，然后在命令行执行tsc -w 可以对所有ts文件进行监视，若有修改则会自动重新编译。 2.tsconfig.json文件 tsconfig.json 是ts编译器的配置文件，ts编译器可以根据它的信息来对代码进行编译 include 用来表示需要被编译的ts文件目录 路径: **表示任意目录, *表示任意文件 "include": [ "./sr
为何说TypeScript在前端领域中越来越重要
Bertil的博客
07-17 724
TypeScript作为前端领域的第二门语言，随着前端领域的快速发展，未来TypeScript可能会成为前端技能的必备。原因很简单，JavaScript自身存在类型系统不足的问题，在长周期开发的大型项目中，有很多的隐患。 本文先介绍语言的强类型与弱类型、静态类型与动态类型这些基础概念作铺垫，再剖析JavaScript类型系统不足的问题。 文章目录一、强类型与弱类型（从类型安全的角度划分）二、静态类型与动态类型 （从类型检查的角度划分）三、JavaScript自有类型系统的问题 一、强类型与弱类型（从类型安全
零基础入门Flow
Bertil的博客
07-17 467
Flow静态类型检查方案即javascript的类型检查器，能够作为解决javascript自身存在的类型系统不足问题的一种方法。 原理：把我们编写的代码和实际生产环境的代码分开，中间加入编译的环节，这样就能使用js的扩展语法，因为类型检测变得可能。 function sum(a: number,b) { // a: number // b: any return a + b } Flow只是一个小工具，可以为函数的参数添加注解来做类型判断，如上。 安装：yarn add fl
TypeScript：提升JavaScript编程体验
"TypeScript=更好的JavaScript.pdf" TypeScript是由编程语言设计大师Anders Hejlsberg创作的一种静态类型的强类型语言，它的设计目标是改善和扩展JavaScript的功能。Anders Hejlsberg是Object Pascal和C#的创造者，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值