vscode调试脚手架源码

106 阅读1分钟

一: 前期知识

通过node.js开发一个小型的脚手架工具 blog.csdn.net/weixin_4504…

node.js的代码调试debug

www.cnblogs.com/SamWeb/p/16…

二:实际上手

uniapp2wxpack这个脚手架为例子

uni-project-to-subpackage这个为项目实例

步骤一:更改uniapp2wxpack项目

  1. uniapp2wxpack下的package.json的bin:
  • 原: "uniapp2wxpack": "./src/index.js"
  • 改: "uniapp2wxpackLoc": "./src/index.js"
  1. 发布到本地:npm link,此时本地会有一个脚手架,名字叫“uniapp2wxpackLoc”

步骤二:更改uni-project-to-subpackage项目

  1. uni-project-to-subpackage的package.json文件新建一个命令:
  • "test": "uniapp2wxpackLoc --build production --type weixin",

image.png 2.新建一个.vscode/launch.json

{
  // 使用 IntelliSense 了解相关属性。 
  // 悬停以查看现有属性的描述。
  // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "command": "yarn test",
      "type": "node-terminal",
      "request": "launch",
      "name": "abcs",
    }
  ]
}

3.运行和调试

image.png