是否可以在Chrome中调试.vue组件。 到目前为止，我只得到橙色标记的来源，铬没有记录调试，即我无法检查变量等。
如何实现这一目标？
答案 0 :(得分：3)
是的，当然有可能。
首先，您需要确保使用的是非缩小/非生产版本的Vue.js您可以通过在控制台输出中查看开发工具来验证这一点。如果您的Vue版本是允许进行debuging的开发版本，则应在控制台中看到以下消息。
You are running Vue in development mode.
Make sure to turn on production mode when deploying for production.
其次你需要安装Vue.js Devtools插件。
https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=en
注意：如果您没有使用Web服务器，只需在浏览器中加载本地文件＆＃34; file：//somefile.htm"你需要进入chrome扩展和插件设置，并允许插件＆＃34;权限访问文件URL＆＃34;
第三，你可以打开＆＃34;源地图＆＃34;根据您的设置，有不同的方法可以解决这个问题。如果您的项目只是使用CLI设置，那么找到您的config/index.js文件并将dev-tool属性设置为devtool: 'source-map'
如果您使用的是Webpack或Laravel mix，则可以使用Webpack配置文件中的.sourceMaps()方法启用源映射。也可能需要进行其他更改。 https://webpack.js.org/configuration/devtool/