vue-generator这边怎么调试呢？ console.log不会在浏览器打印

[youyanping]

vue-generator这边怎么调试呢？ console.log不会在浏览器打印

[ghost]

@youyanping generator是以npm包的形式在mockServer工程中生效，无法直接调试。
vue-generator作为一个独立的工程，有测试用例可以调试。调试步骤如下：

1. 查看test文件夹下测试用例配置：packages\vue-generator\test\testcases\full\index.config.js，保留一条case
   

2. 将当前页面的schema贴到packages\vue-generator\test\testcases\full\case1_normal\input\page.schema.json

3. 查看依赖的组件列表packages\vue-generator\test\testcases\full\case1_normal\input\components-map.json，如果只依赖@opentiny/vue的组件可不用修改，有第三方组件库组件，需要按格式添加
   

4. 从入口开始packages\vue-generator\src\generator\page.js，generateCode方法打上断点
   

5. 打开debug终端
   

6. 运行npm run test:latest

[wenmine]

方案2：
若您没有启动我们的后端工程（webservice），由于我们本地使用的是mockServer作为我们的mock服务器，我们可以开启mockServer的调试模式：
在mockServer/gulpfile.js里修改：

然后在tiny-engine根目录里启动工程pnpm dev

然后就能进入后端调试模式，我们可以看到mockServer的文件，找到schema2code.js文件，里面有generateCode函数，可以从这里断点打进入到vue-generator包里真正出码的地方。