先决条件 你必须安装好 Chrome 和 VS Code同时请确保自己在 VS Code 中安装了 Debugger for Chrome 扩展的最新版本在可以从 VS Code 调试你的 Vue 组件之前，你需要更新 webpack 配置以构建 source map做了这件事。

这篇文章主要介绍了webpack搭建vue 项目的步骤，现在分享给大家，也给大家做个参考前期准备webpackvuejsnpmnodejsES6语法由于本文内容是通过npm来加载vue，所以开始之前需安装nodejs环境，安装完成之后再执行以下步骤创建项目mkdir vuedemo。

需要的朋友可以过来参考下，喜欢的可以点波赞，或者关注一下本人，希望可以帮到大家vuecli脚手架的优势有一套成熟的vue项目架构设计，能够快速初始化一个Vue项目vuecli是官方支持的一个脚手架，会随本版本进行迭代更新。

2在config官网描述的是configindexjs，所以需要根据具体的项目而定中添加如下配置3点击运行调试按钮，再点击设置按钮，修改launchjson文件，配置如下4在vue项目的文件中设置断点 5启动。