之前写项目一直都是console.log()来调试的,浪费了很多时间,现在整理一下用vscode对nuxt(vue)前后端进行调试的方法 前端的调试 chrome+launch 使用chrome调试,模式为launch.不多说,直接上图 当执行到到的位置就会出现 chrome+attach 使用chrome调试,模式为attach,跟launch的区别是不会打开新的浏览器窗口 然后启动调试,之后马上切换到chrome,让vscode的调试程序可以"粘上"到你的项目 chrome自带 使…

VsCode调试vue项目 VsCode如何调试vue项目,VsCode需要安装插件以及配置launch.json文件. 找到"扩展"或者按快捷键"Ctrl+Shift+X",如下图,输入Debugger for Chrome查找,并安装. 配置launch.json 打开存储库,在网页上查看信息,参考官网的Launch配置本地的launch.json 本地launch.json配置(如果找不到这个文件,点击运行->打开配置) 本地配置文件launch.jso…

1.先决条件设置 你必须安装好 Chrome 和 VS Code.同时请确保自己在 VS Code 中安装了 Debugger for Chrome 扩展的最新版本. 在可以从 VS Code 调试你的 Vue 组件之前,你需要更新 webpack 配置以构建 source map.做了这件事之后,我们的调试器就有机会将一个被压缩的文件中的代码对应回其源文件相应的位置.这会确保你可以在一个应用中调试,即便你的资源已经被 webpack 优化过了也没关系. 打开 config/index.js 并…

VS Code相关插件:Chinese (Simplified) Language Pack for Visual Studio Code Debugger for Chrome ESLint Vetur   一 安装:安装VS Code插件  Debugger for Chrome 二 配置:config下index.js cacheBusting  由  true 改为 false//cacheBusting: true,   cacheBusting:false, devtool 由 ch…

npm install -g vue-cli                //安装vue-clivue init webpack projectName  //创建项目 1.Ctrl+~ 打开命令行输入界面2.输入npm start  成功出现8080端口的网址,修改端口在config/index.js文件3.Ctrl+c 停止 项目的全局vue名字叫做Vue.vue.启动js文件是main.js…

前端的小伙伴们在babel等的加持下,已经可以愉快的使用es6来写代码了. 然后对于服务端的nodejs就有点坑爹了,虽然原生支持了es6,但是只是部分支持,一些不支持的特性(比如module)使用了就会报错,所以如果想使用完整的es6来写服务端nodejs,我们还是离不开babel. 下面介绍一下在vscode中使用es6写nodejs的配置方法. 首先在根目录下建立.babelrc文件,写入babel配置,我的配置如下,记得npm安装babel及你需要的presets或者plugin. {…

调试Vue搭建的前端项目 在项目根目录下的vue.config.js中添加: module.exports = { lintOnSave: false, //关闭eslint语法校验 //填写这部分 configureWebpack: { devtool: 'source-map' } // devServer: { // proxy: 'http://localhost:8080', // public: '192.168.0.53:8080' // 本地ip // } } 在babel.co…

vscode 调试js,安装了nodejs之后还出现无法在Path上找到运行时的node. 重启vscode解决…

之前想用vscode调试nodejs,总是不成功,也走很多弯路,现在记录下来. 首先新建一个文件夹,用vscode打开这个文件夹, 用vscode自带的终端执行npm init,输入名称,其他的可不输入,这时候文件夹里会增加package.josn的文件, 然后在创建js 文件就可以直接调试了…

最近在写NodeJS相关的项目,运行在docker容器中,也是想研究一下断点调试,于是查阅相关资料,最终顺利配置好了. 首先我选择了VsCode作为ide,并用VsCode来做NodeJS可视化debug的工作. 由于VsCode 已将调试工具内置,所以只需要增加调试配置.应遵循以下步骤: 第一步:单击首选项 -> 设置,打开设置选项卡.如下面的屏幕截图. 第二步:在搜索输入中搜索"node debug",你会看到Debug> JavaScript:Auto Attach…