# koa2-创建项目

# 安装脚手架

npm install -g koa-generator

# 初始化项目

-e 代表html使用ejs模板

# 如果想生成 koa1.0版本则执行
koa  -e koa2project

# 如果想生成 koa2.0版本则执行
koa2  -e koa2project

# 添加 Chrome 调试

  • 默认Script执行语句
"scripts": {
    "start": "node bin/www",
    "dev": "./node_modules/.bin/nodemon bin/www",
    "prd": "pm2 start bin/www",
    "test": "echo \"Error: no test specified\" && exit 1"
}
  • 修改后的语句 dev执行语句中添加 --inspect=9229 9229 Chrome 默认端口
"scripts": {
    "start": "node bin/www",
    "dev": "cross-env NODE_ENV=dev ./node_modules/.bin/nodemon --inspect=9229 bin/www",
    "prd": "cross-env NODE_ENV=production pm2 start bin/www",
    "lint": "eslint --ext .js ./src",
    "test": "echo \"Error: no test specified\" && exit 1"
}
  • 如何使用Chrome进行 debugger

用 Chrome 浏览器打开下边的地址

chrome://inspect/#devices

图片

  • 然后点击+ 号 把项目引入进去 就可以打断点进行 debuger 了

  • 或者不需要引入项目 直接在 vscode代码中打 debugger 然后浏览器会走断电

图片

最后更新时间: 2/28/2023, 8:33:37 PM