1、创建基础环境
cd 项目名称
npm init //执行初始化
npm install koa --save
npm install @type/koa --save
npm install typescript ts-node --save
2、创建tsconfig.js文件(两种方式)
1、npm install -g typescript 后查看 tsc -v 是否安装成功
执行 tsc --init 生成tsconfig.js配置文件
2、进入node_modules/.bin目录
执行 tsc --init 生成tsconfig.js配置文件
3、修改配置
{
"compilerOptions": {
"target": "ES2017", /*编译到ES2017版本的js*/
"module": "commonjs", /*使用commonjs规范*/
"sourceMap": true, /*生成map文件*/
"outDir": "./dist", /*输出文件夹*/
"strict": true, /*启用所有严格的类型检查选项*/
"noImplicitAny": true, /*允许any类型*/
},
"include": [ /*要进行编译的文件*/
"src/**/*" /*src目录下的所有文件*/
]
}
4、创建应用(src/server.js)
import * as Koa from 'kao';
const app = new Koa();
app.use(async ctx => {
ctx.body = "hello typescript node!";
});
app.listen(8080, ()=>{
console.log('server is start ...........');
});
5、package.json配置npm启动
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "ts-node ./server.ts"
},
执行 npm run start 启动项目,访问localhost:8080及可看到运行成功
热更新
以上更改文件,需重新启动npm,安装使用 nodemon 来监控文件改变,使用 ts-node 重启项目。
npm install nodemon --save
配置package.json
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"server": "nodemon --watch './src/***/*' -e ts, tsx --exec 'ts-node' './src/server.js",
},
执行 npm run server 报错(ts-node 不是内部命令)
解决方式:npm install -g cross-env 全局安装
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"server": "cross-env mode=development nodemon --watch './src/***/*' -e ts, tsx --exec 'ts-node' './src/server.js",
},
重新启动
网友评论