typescript环境配置

基本概念

• node: 是独立于浏览器运行的js环境
• npm: 会随着node一起被安装，是nodejs的包管理器，可以通过npm安装各类工具，尤其是前端开发工具

编译器的选择

使用vscode

typescript环境安装

1. 安装node:官网下载
2. 安装typescript

npm install -g typescript

3. 检查type是否安装成功

tsc -v

这一步如果提示

tsc: command not found

那表明没有配置node-globel环境变量，也就是执行命令的路径，一般是在如下目录下

/Users/userName/.npm-global/bin

将上面的目录添加环境变量

mac:

sudo vim ~/.bash_profile

其他平台自己百度

tsc的作用是什么

负责将ts代码转换成浏览器和nodejs识别的js代码

编写js代码的流程

设置vscode自动编译js

1. 在项目目录下运行

tsc --init

这时会生成rsconfig.json文件
2. 修改tsconfig.json文件，设置js文件夹：“outDir”:"./js"
3. 设置vscode监听任务