TypeScript: JavaScript的超集
可以在TypeScript可以编写任何的JavaScript
目前3大主流JavaScript框架(vue3.x, react, angular)都支持TypeScript
开发渐进式: 主张更少
vue3.x, react: 主张少, 需要根据需求安装额外模块(路由, ajax方案...)
angular: 强主张, 开箱即用
安装typescript环境
第一种方式: npm
1、安装node.js
2、安装typescript
npm i typescript -g
或者
npm i -g typescript
3、查看ts版本
tsc -v
4、编译typescript文件
tsc ts文件路径
第二种方式: vscode自动编译ts
mkdir 文件夹名称
touch 文件名称
mv 旧的文件名 新文件名
1、创建ts项目目录
2、在ts项目根目录下创建tsconfig.json
tsc --init
3、在tsconfig.json文件修改 "outDir": "./js"
4、在vscode按下ctrl + shift + B 调出运行任务面板, 选择监视
5、运行成功效果如下:
如果在监视ts发生关于powershell命令出错, 可采取以下方法解决:
1、首先打开powershell命令工具
2、查看PowerShell执行策略
在PowerShell中输入执行:get-ExecutionPolicy
如果显示Restricted,表示状态是禁止的;
3、更改PowerShell执行策略(关键步骤)
再输入执行:set-ExecutionPolicy RemoteSigned;
4、查看是否更改了PowerShell执行策略
get-ExecutionPolicy
5、重启vscode
.