TS学习笔记一：认识TS及环境准备

??本次学习笔记是具有一定js基础的情况下从头开始学习ts相关内容。

1. 视频信息
   

   TS学习笔记一：认识TS及环境准备

2. B站视频
   

   TS学习笔记一：认识TS及环境准备

3. 西瓜视频
   https://www.ixigua.com/7320049274006274560

1.1.目的

??通过本次学习，学习并掌握ts基础知识，达到以下目的：
????1. 学习并掌握ts相关基础知识
????2. 实现能解答常见ts相关面试题
????3. 实现简单ts项目，实现实战锻炼

1.2.计划

??主要内容包括：
????1. ts基础使用方式，不同项目中使用ts
????2. ts特殊语法使用，ts项目配置
????3. ts面试基础题汇总
????4. ts项目实例等

1.3.学习资源

??官网：https://typescript.p2hp.com/，TypeScript 是 具有类型语法的 JavaScript。TypeScript 是一种基于 JavaScript 构建的强类型编程语言，可为你提供任何规模的更好工具。
??安装地址：https://ts.nodejs.cn/download
??开发文档：https://ts.nodejs.cn/docs/
??W3C文档：https://www.w3cschool.cn/typescript/typescript-tutorial.html

1.4.工具准备

??使用Visual Studio Code进行示例代码验证。

1.5.知识点

1. ts的优势
   ??TypeScript的优势在于：它有更多的规则和类型限制，代码具有更高的预测性、可控性，易于维护和调试；对模块、命名空间和面向对象的支持，更容易组织代码开发大型复杂程序。
   另外，TypeScript的编译步骤可以捕获运行之前的错误。
2. 安装指令：

npm install -g typescript|npm install typescript --save

3. 运行方式：
   通过tsc直接编译或使用ts-node进行直接运行。

1.6.简单使用

1. 全局安装指令：npm install -g typescript
   ??全局安装后，创建test.ts文件，输入代码后，可使用tsc test.ts，可将ts文件编译为js文件，编译后可像使用js一样正常使用js，示例如下：
   
2. 直接运行ts文件：npm i ts-node --g
   ??全局安装ts-node指令后，创建ts文件，可使用ts-node test.js直接运行ts文件，示例如下：
   
3. 项目中使用：npm install typescript --save
   ??使用npm init 创建项目，创建后使用npm install typescript --save安装ts，安装后可在项目中使用ts。可使用.\node_modules\.bin\tsc --init生成ts的项目配置文件，使用npm i @types/node --save-dev安装环境支持，示例如下：
   
   
   
   4.Express项目中使用：
   ??创建express项目，并在express项目中安装ts并使用ts相关语法进行基础功能的开发，安装流程如下：
   ??1. 安装express生成器：npm install -g express-generator
   ??2. 创建express项目：express tsexpress
   ??3. 安装ts：npm install typescript --save
   ??4. 安装依赖：
   ????(1)npm install @types/node --save-dev
   ????(2)npm install @types/express --save-dev
   ??5. 使用ts-node ./bin/www启动项目，启动会报错，需要将app等文件中的代码进行调整，写成ts的写法。
   
   
   
   
   
   5.Vue项目中使用：
   ??创建vue3项目，创建时选择开启ts即可，参考地址： https://cn.vuejs.org/guide/quick-start.html