TypeScript——TypeScript 项目配置轻量级服务器lite-server

当前使用的编辑器：vscode

效果：配置完成后，tsc xxx.ts就可以直接更新文件了

方法：

1、初始化项目，生成pakeage.json文件

npm init (然后一路回车)

2、安装开发环境轻量级服务器

npm install --save-dev lite-server

3、lite-server会根据根目录index.html文件将项目自动部署在

http://localhost:3000/

作用：编译完成后，避免刷新页面，自动更新代js码

配置：

 "scripts": {
    "start": "lite-server"
  },

使用（注意当前根目录index.html文件中引用的js文件是什么）：

在项目中打开终端1,输入

npm start 

在项目打开终端2，输入

tsc xxx.ts

就可在http://localhost:3000/访问,之后任意更改代码，浏览器会自动更新

每次更改xxx.ts文件时，运行tsc xxx.ts即可，相当于省略了 node xxx.js这一步