TS 的简介和安装

本节课我们来开始了解 TypeScript 这款前端编程语言的语法学习。


一.TypeScript 简介


1. 什么是 TypeScript ?它和 JavaScript 关系如何?又具有哪些优势?
(1) .TypeScript 是微软公司开发了一款开源的静态类型语言;
(2) .TypeScript 是 JavaScript 超集,除了自己独有且支持绝大部分 JS 语法;
(3) .TypeScript 添加了很多 ECMAScript 尚未正式发布的新特性;
(4) .TypeScript 通过编译器将.ts 文件转换成可兼容的.js 文件;
2. 学习 TypeScript 的前置条件,具体如下:
(1) .具有 HTML5/CSS 基础,具有 JavaScript 语法基础(必须);
(2) .具有 ES6+基础,在 TS 不会再重复 ES6+的语法讲解(必须);
(3) .具有面向对象基础,比如你学过 PHP、Java 中理解 OOP 即可(必须);
(4) .因为我们学习 TS 主要为前端框架服务的,可有一门基础,比如 Vue(可选);
(5) .具有前端构建工具基础,比如 Vue-cli 脚手架或 Webpack 基础(可选);
PS:JavaScript 语法和 ES6+语法不会再重复讲解,类部分等面向对象的思维不重复讲解;


二.TypeScript 安装


1. 安装 TypeScript,需要使用 Node.js,在 Webpack 课程已经讲过,具体如下:
(1) .安装需要使用 npm(或 cnpm),需要去安装 Node.js,开发工具使用 Webstorm;
(2) .找到官网下载 node.js,任意版本均可,下载安装,在命令行测试版本号:

node -v


(3) .创建一个 Webstorm 项目,准备使用 npm 安装,可以先测试版本好:

npm -v
npm config get registry //查看镜像,不是国内,设置淘宝镜像即可
npm config set registry https://registry.npm.taobao.org


(4) .有时 npm 命令不太稳定,报错的话,可以使用 cnpm,语法一模一样;

npm install -g cnpm --registry=https://registry.npm.taobao.org


2. 然后开始安装 TypeScript,可以先通过命令检查是否已经安装好;

tsc -v //检查版本
npm install -g typescript //安装或更新


3. 扩展学习的官网,中文官网貌似一直不更新,可看英文文档;
https://www.tslang.cn
https://www.typescriptlang.org
4. 版本问题,如下:
(1) .TypeScript 版本更新可谓是非常的快;
(2) .但对于初学者来说,先学习稳定的基础语法即可;
(3) .而对于有经验之后,可经常阅读更新文档来扩展进化;

你可能感兴趣的:(javascript,前端,webpack)