## Electron 通過Electron可以使用js編寫跨平臺前端界面。 ## Vue Vue是一個js前端框架，簡單好寫。 ## electron-vue electron-vue是一個Electron使用vue開發的模板示例。 ## 安裝并初始化electron-vue ~~~ npm install -g vue-cli vue init simulatedgreg/electron-vue my-project cd my-project npm install npm run dev ~~~ ## 問題處理 npm run dev的時候會提示process is not defined。 解決辦法是： 在.electron-vue/webpack.renderer.config.js和.electron-vue/webpack.web.config.js文件中找到`HtmlWebpackPlugin`代碼段并更改為如下代碼： ~~~ new HtmlWebpackPlugin({ filename: 'index.html', template: path.resolve(__dirname, '../src/index.ejs'), templateParameters(compilation, assets, options) { return { compilation: compilation, webpack: compilation.getStats().toJson(), webpackConfig: compilation.options, htmlWebpackPlugin: { files: assets, options: options }, process, }; }, minify: { collapseWhitespace: true, removeAttributeQuotes: true, removeComments: true }, nodeModules: process.env.NODE_ENV !== 'production' ? path.resolve(__dirname, '../node_modules') : false }), ~~~