什么是调试Vue.js SPA的最佳方法

Question

我目前正在使用Vue.js开发单页应用程序(SPA).我正在通过NPM和Browserify加载所有节点包.

真正令人烦恼的是,如果我编码不正确或忘记了一个括号,整个脚本根本不起作用而且没有任何错误消息.我尝试过使用firebug,但由于它是通过Browserify的SPA,因此它不会产生任何错误.

有没有办法生成像PHP这样的错误编译消息,告诉我如何调试脚本？

Answer 1

如果这只是关于语法，正如您提到的忘记括号等，您也可以使用eslint，它将在控制台中显示所有语法错误，包括样式错误（如缩进）的错误消息，但是您可以禁用这些规则，如果你要。

这是配置，您必须放入 webpack 配置才能启用此功能：

module: {
  preLoaders: [
    {
      test: /\.vue$/,
      loader: 'eslint',
      include: projectRoot,
      exclude: /node_modules/
    },
    {
      test: /\.js$/,
      loader: 'eslint',
      include: projectRoot,
      exclude: /node_modules/
    }
  ],