初始typescript及vscode环境配置

什么是typescript?为什么要用它?

typescript简称ts,是js语法的一个超级,由微软团队维护的

js特点(不足)

弱类型:js中的数据变量没有确定的类型,可以存储对象,可以存储数字,可以存储字符串等等

动态的:我定义的变量,到底是什么类型的,需要多少存储空间,我们定义时不知道,只有在执行的时候临时分配

因此开发者希望js像强类型语言那样,可以在运行前将内存空间分配出来,所以ts就是基于这种思想设计出来的,是一个强类型的语言

在大型项目中,代码可维护性可延展性等等尤为很重要,因此面向对象开发显得尤为重要,但是js没有class,extends,interface,implements,public,static等等概念,因此js中的类、继承等都是模拟的,这样就要增加一些额外的开销,这些开销在大型项目中是不可忽视的。因此ts实现了这些功能

ts实现了太多的功能,但是没有被浏览器支持,所以我们要编译

一、下载安装node环境,这个就不用多介绍了。

1、新建一个练习目录,在该目录下的终端(cmd )直接输入 npm init  它会给我们创建一个package.json的文件,相当于初始化一个项目目录。

2、在终端输入 npm typescript -g 他就会在全局下安装ts需要的环境。

3、好了,我们开始写以 xxx.ts后缀的文件,并执行 tsc xxx.ts,或者 tsc xxx.ts --watch 这时他就会制动编译成一个与之同名的xxx.js文件 这样一来浏览器就可以识别了,我们就可以尽情地练习Ts的语法了。

二、变量的数据类型

let a:string = ‘bbb‘;
let num:number = 123;
let bol:boolean = true;
let color: any = ‘red‘;

var other:number[] = [1,2,3];
let y:[number,string] =  [1,‘hello‘];//元组
console.log(bol)

二、定义函数

// 定义函数
// 如果一个参数,返回num1+10,如果两个参数,返回两个参数之和
function add(num1, num2) {
    if (typeof num2 === ‘undefined‘) {
        return num1 + 10;
    }
    else {
        return num1 + num2;
    }
}
console.log(add(10));
console.log(add(10, 20));

原文地址:https://www.cnblogs.com/jervy/p/9750963.html

时间: 2024-08-02 20:46:22

初始typescript及vscode环境配置的相关文章

免安装方式的Python之VSCode环境配置

概述 本文旨在介绍免安装方式,在VSCode中搭建Python(3.73)的配置环境.至于Python是什么.它能做些什么,诸如此类的介绍均不在此文中介绍,相信能看此文的人,多多少少都会有些了解. VSCode 是款十分轻便的IDE,在用它开发 nodejs 项目时,开发体验十分不错,因此就想用它来替代 PyCharm IDE 来编写 Python 脚本. 注:虽说 PyCharm 强大,但毕竟笨重又收费,最最最主要的是本人喜欢系统干净的系统环境,对于能免安装的工具一律优先考虑免安装.因此经过一

mac系统vscode环境配置,以及iTerm2配置Zsh + on-my-zsh shell

https://segmentfault.com/a/1190000013612471?utm_source=tag-newest https://ohmyz.sh/ 一:安装iTerm2终端 https://www.iterm2.com/downloads.html 1:查看当前的shell环境 echo $SHELL 2: 查看系统自带哪些shell cat /etc/shells 3:切换Zsh shell chsh -s /bin/zsh # Mac如下 # 在 /etc/shells

Git环境配置+VSCode中文乱码问题

异常处理汇总-开发工具  http://www.cnblogs.com/dunitian/p/4522988.html 1.VSCode中文乱码问题 (files.autoguessEncoding==>true) 2.Git环境配置(安装完git,非默认路径,在git.path中设置一下,最后记得在win的path里面添加环境) git安装路径 Path配置(我的是Win10最新版本,你们的按照老方法配置即可;xxx) 验证一下

typescript-koa-postgresql 实现一个简单的rest风格服务器 —— typescript 开发环境配置

最近需要用 nodeJS 写一个后台程序,为了能够获得 IDE 的更多代码提示,决定用 typescript 来编写,随便也学习下 ts,在这记录下实现过程. 1.新建文件夹 typescript-koa-postgresql,初始化项目 yarn init -y 2.安装 typescript yarn add typescript @types/node --dev 3.配置  typescript 编译环境,在项目根目录下新建文件 tsconfig.json 1 { 2 "compiler

VScode中python环境配置

vscode中python环境配置 想要在vscode中运行python代码必须要告诉vscode使用哪个解释器才行 方法1. 打开命令面板(Ctrl+Shift+P)输入Python: Select Interpreter然后选择一个解释器. 方法2. 你也可以直接点击下图中的 Select Python Environment来进行选择. 方法3. 直接在命令面板输入setting,输入pythonpath注意路径的格式\\ 空格键(包含TAB键)的显示问题 显示TAB键长度为4个空格大小

vscode中配置C#环境

安装.Net Core SDK 如果已经安装了SDK的话则可以跳过这一步,不然需要安装SDK在进行环境配置:下载链接.NET CORE SDK下载: SDK安装完之后,软件执行界面如下所示 在vscode中安装C#调试器 为了在编辑器中运行C#,还需要添加相关调试器,具体如图所示,点击install即可. 创建C#项目 上述两步执行完之后,可以在编辑器中创建C#项目,这里可以简单地创建一个HelloWorld项目,熟悉其中的相关操作. 在vscode中常见C#项目和一起的不同,这个需要我们在编辑

在vscode中配置python环境

1.安装vscode和python3.7(安装路径在:E:\Python\Python37): 2.打开vscode,在左下角点击设置图标选择setting,搜索python path,在该路径下选择python的安装路径(E:\Python\Python37),如下图: 3.在本地新建一个文件夹,在vscode里直接打开: 4.点击新建一个.py文件,这里为hello.py,并打开这个文件: 5.按F5运行这个文件,会弹出Add configurations框,选择python文件即可,会在l

.NET Core VS Code 环境配置

VSCode .NET环境配置 在此之前我一直是使用notepad++配置的C/C#环境来写代码,比起打开"笨重"的VS要方便很多.VSCode出来之后,本来也想折腾了一下,但是当时资料太少,配置没成功,也觉notepad++就已经够了. 直到前几天在博客园看到园友LineZero分享的<<使用VS Code开发 调试.NET Core 应用程序>>,又萌发了我更换编辑器的念头.结果折腾了一天才配置好环境. 这里分成三部分介绍 .NET Core Vs Code

shell 脚本实战笔记(6)--集群环境配置检测

1). 背景: 集群部署的时候, 需要一致的配置和环境设置. 对于虚拟机集群, 可以借助镜像拷贝, 复制和还原集群机器. 对与物理机集群而言, 则不一样, 如果机器一多, 多人去操作和配置, 对于成熟精干的团队还好, 对于不熟悉环境的小团队, 由于水平的参差不齐, 往往会导致不一致的环境. 因此无论如何, 写脚本进行自动化的配置和环境校验总是最佳实践. 2). 假设应用场景:*) 系统环境: 安装CDH5, 集群规模为16台机器, 每台机器16CPU, 内存16G, 2块SATA盘共500G,