phpnodejs或者ts技巧_TS进修笔记一熟习TS及情形准备

1. B站视频

[https://player.bilibili.com/player.html?aid=793274629](https://player.bilibili.com/player.html?aid=793274629)

2. 西瓜视频

[https://www.ixigua.com/7320049274006274560](https://www.ixigua.com/7320049274006274560)

通过本次学习，学习并节制ts根本知识，达到以下目的：

1、学习并节制ts干系根本知识

2、实现能解答常见ts干系口试题

3、实现大略ts项目，实现实战磨炼

紧张内容包括：

1. ts根本利用办法，不同项目中利用ts

2. ts分外语法利用，ts项目配置

3. ts口试根本题汇总

4. ts项目实例等

官网：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

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

1. ts的上风

TypeScript的上风在于：它有更多的规则和类型限定，代码具有更高的预测性、可控性，易于掩护和调试；对模块、命名空间和面向工具的支持，更随意马虎组织代码开拓大型繁芜程序。

其余，TypeScript的编译步骤可以捕获运行之前的缺点。

2. 安装指令：

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

3. 运行办法：通过tsc直接编译或利用ts-node进行直接运行。

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