在使用 Vue 遇到的部分问题。

Prettier

在使用 Prettier 格式化文件，会遇到结束标签 > 跑到下一行的问题。

通过修改 .prettier 的配置项：

htmlWhitespaceSensitivity: ignore

参考链接：

Debug in VS Code

先阅读官方文档 Debugging in VS Code

大致有以下几个点：

  1. 如果是 Firefox，需要安装对应的插件，Chrome 已经内置对应插件，无需安装。

  2. 需要修改 vue.config.js，内容如下：

    module.exports = {
  configureWebpack: {
    devtool: 'source-map',
  },
};

参考文档：