TypeScript的安装与简单使用(第一篇)

1.ts是JavaScript的一个超集,添加了可选的静态类型和基于类的面向对象编程
                1.1 简单点说,ts就是具有静态类型的JavaScript(其实在我看来ts就是对js的一个封装,最终还是会转换成js执行)

 2.ts的优缺点
                2.1 优点
                    2.1.1 增强代码的可维护性,尤其在大项目的时候效果显著
                    2.1.2 编辑器提示会更友好,当有错误的时候;编译阶段就能检查类型发现大部分错误
                    2.1.3 支持最新的javascr新特性
                    2.1.4 生态繁荣,vue3已经全面支持ts
                2.2 缺点
                    2.2.1 需要一定学习成本
                    2.2.2 和一些插件库的兼容不是特别完美,vue2项目里面ts可能就不是特别顺畅
                    2.2.3 增加前期开发的成本,需要写更多的代码(为了便于后期的维护)
            3. 安装typescript
                3.1 新建一个文件夹,用来学习ts;该文件夹下创建一个first.ts文件
                3.2 下载依赖 cnpm install -g typescript // 全局安装
                    3.2.1 tsc -v 检查版本信息,若出现版本信息表示安装成功(例如 Version 4.8.3)
                    3.2.2 执行tsc --init,执行命令后会生成一个tsconfig.json配置文件
                    3.2.3 在ts里面,我们写下,

const s:string = "我开始学习ts啦";
console.log(s)

        执行 tsc first.ts 即可看到生成了一个first.js的文件;接着在执行node first.js,可以看到打印出来结果;
                    3.2.4 如果每次都是手动编译在通过node命令查看结果,较为麻烦;由此引入
                          cnpm i -g ts-node// 全局安装ts-node
                          有了这个插件,我们可以直接运行.ts文件
                          ts -node first.ts

                          后续我们学习过程中都可以使用此命令进行验证