typescript 入门

安装环境

# 安装typescript
npm install -g typescript
****
# 初始化ts配置文件
tsc --init

# ts 转成 js 命令
tsc xx.js

# vscode 需要安装的插件 run Code插件可以直接运行ts文件
npm install ts-node -g

安装打包工具

# rollup-plugin-serve开发服务器
# @rollup/plugin-node-resolve 导入服务
npm install rollup typescript rollup-plugin-typescript2 @rollup/plugin-node-resolve rollup-plugin-serve -D

# package.json 内添加打包命令 -c 使用rollup.config.js 配置文件; -w watch
"scripts": {
    "dev": "rollup -c -w"
},
"type": "module",

# 由于改成es6模块,所有文件中没有__dirname变量了

::: 警告 文件需要使用export {} 导出,否则可能会与全局属性重名导致错误提示如下:

无法重新声明块范围变量“name”。ts(2451)
lib.dom.d.ts(27434, 15): 此处也声明了 "name"。
const name: string

:::