使用vue cli 的electron插件的时候如何能够支持es6 ?.语法

使用 Vue CLI 的 Electron 插件时，可以在项目根目录下的 vue.config.js 文件中进行配置。可以使用 Babel 来转译 ES6 代码。在 vue.config.js 中添加如下配置：

module.exports = {
    transpileDependencies: ['vue-electron']
}

这样就能够在项目中使用 ES6 语法了。

注意，还需要安装@vue/cli-plugin-babel 和babel-preset-env

安装：

vue add @vue/cli-plugin-babel
vue add babel-preset-env

在babel.config.js文件中配置

module.exports = {
  presets: [
    ['@vue/app', {
      useBuiltIns: 'entry'
    }]
  ]
}

如果你已经有了自己的babel配置，可以在配置文件中添加下面的代码

module.exports = {
  presets: [
    ['@vue/app', {
      useBuiltIns: 'entry'
    }]
  ],
  ...
}

这样就可以支持ES6语法了。

相关问题

vue-cli4支持?.语法吗

在 Vue CLI 4 中，默认情况下是不支持 ?. 语法的。?. 是 JavaScript 的可选链操作符，它允许你在访问对象属性或调用方法时，对对象进行安全的空值检查，以避免出现空引用错误。

然而，Vue CLI 4 使用的是 Babel 7，默认的 preset 配置（@vue/cli-plugin-babel）并不包含对可选链操作符的支持。所以，在 Vue CLI 4 中，如果你尝试在代码中使用 ?. 语法，它将会被解析为语法错误。

如果你想在 Vue CLI 4 的项目中使用 ?. 语法，你可以通过以下步骤来配置 Babel 来支持可选链操作符：

1. 安装依赖：

npm install --save-dev @babel/plugin-proposal-optional-chaining

2. 在项目根目录下创建一个名为 `.babelrc` 的文件，如果已存在则直接编辑该文件。

3. 在 `.babelrc` 文件中添加以下配置：

{
  "plugins": ["@babel/plugin-proposal-optional-chaining"]
}

4. 重新启动项目的开发服务器。

现在，你的 Vue CLI 4 项目应该可以支持 ?. 语法了。请注意，这些步骤假设你正在使用默认的 Babel 配置。如果你已经自定义了 Babel 配置，请相应地修改配置文件。

vue-cli4.5.13版本中用了?.语法没报错

抱歉，之前的回答有误。在 Vue CLI 4.5.13 版本中，默认是支持可选链操作符（?.）的。Vue CLI 4.5.13 使用的是 Babel 7，并且默认包含了 `@babel/plugin-proposal-optional-chaining` 插件，该插件用于支持可选链操作符。

因此，在 Vue CLI 4.5.13 版本中，你可以在代码中使用 ?. 语法而不会报错。你无需手动进行额外的配置来启用可选链操作符支持。

请注意，如果你使用了其他版本的 Vue CLI 或自定义了 Babel 配置，那么可选链操作符可能需要手动配置才能生效。但在 Vue CLI 4.5.13 中，无需额外配置就可以直接使用可选链操作符。