TS系列教程二：环境搭建和基本用法

利用vite搭建ts环境

控制台输入下边指令
yarn crate vite
输入项目名称
选择Vanilla //js的别名
选择Typescript 创建完成后进入根目录执行
yarn
安装依赖 可以看到在项目根目录下有个scr/main.ts。
yarn dev就可以了，在浏览器打开就行，你可以把main.js文件里边把所有代码删除，书写自己的ts代码

基本用法

类型声明

类型声明的一般格式为：变量名:类型

let a:string;

这样就把变量a定义为string类型，

let a:string;
a=5;//报错

同时a不能重新赋值给其它类型，否则会报错

let a:string;
console.log(a)//报错

Ts规定，变量被赋值前不能被读取
为了使js项目可以无缝转换为ts项目，ts还支持类型推导，不用给它变量名，它自己推导出来。

let a=5;

也就是说所有的js项目都是合法的ts项目

TS的编译

我们知道浏览器的js代码是运行在v8引擎上的，但是v8引擎并不认识ts，所以ts想要被执行通常都是先转换为js，这个过程叫做编译，我们一开始利用vite搭建的ts环境其实就是编译

一个很重要的概念

学习ts要分清值(value)和类型(type)，这两个东西是分开的，值由js定义，类型由ts定义。这一点很重要，编译的过程也是把类型这一块去掉，因为v8不认识这东西。