1.TypeScript的环境搭建
TypeScript(TS)是JavaScript(JS)的超集,拥有JS的全部内容并添加了新的特性。搭建TS的环境,首先需要搭建JS环境,在它的基础上添加TS的编译器和执行器。本节内容包括搭建相关环境、使用VS code编辑器写一个小程序进行验证,使用python的相关概念类比解释一些概念。
-
安装nvm
nvm是Node.js的版本管理器,用来安装、切换和管理多个版本的Node.js。类似于python的pyenv用来管理环境的python编译器版本。
linux系统的安装命令:curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash
验证:nvm --version -
安装Node.js
Node.js是解释JS的运行环境(解释器),功能类似于windows中python的python.exe,区别在于python创建虚拟环境时会复制一份python.exe,而Node.js没有虚拟环境的概念,其项目(环境)内不会额外包含一份Node.js。
安装命令:nvm install --lts其中--lts指长期支持版。安装的同时会随之安装npm(包管理器)
验证:node --version # 输出版本号 -
npm
npm是包管理器。功能类似于python的pip。安装Node.js时随之自动安装
4.TypeScript
TypeScript是TS编译器,因为系统无法直接执行.ts文件,需要先把.ts文件编译为.js文件后执行。
安装:npm install -g typescript,其中-g是全局设置
验证:tsc --version,输出版本号
应用:tsc example1.ts # 生成 example1.js
- ts-node
TypeScript是TS执行器,不手动编译.js直接执行程序。
安装:npm install -g ts-node
验证:ts-node --version
应用:ts-node test.ts
一个bug:Node.js一些版本默认使用 ESM 模块系统而ts-node默认使用 CommonJS 模块系统 ,两者不匹配,导致 ts-node 无法识别.ts 文件
解决方案:修改配置文件,项目内有效
npx tsc --init
sed -i 's/"module": "commonjs"/"module": "CommonJS"/' tsconfig.json
6.连接vs code
无需指定环境,打开项目文件夹即可编程
浙公网安备 33010602011771号