操作系統(tǒng)windows
第一步：安裝node.js
下載LTS版晰韵，安裝完成后贰拿，打開cmd輸入node -v奔誓，會(huì)彈出node.js版本（安裝成功）
image
第二步：安裝vue-cli
如果電腦里沒有安裝vue-cli览濒，全局安裝：
npm install -g vue-cli
第三步：安裝electron-vue模板
vue init simulatedgreg/electron-vue my-project
my-project：項(xiàng)目文件夾路徑
第四步：安裝依賴
進(jìn)入項(xiàng)目文件夾下安裝依賴
cd my-project
npm install
第五步：進(jìn)入開發(fā)模式
npm run dev
一切都順利的話滑肉，會(huì)彈出下圖
image
第六步：報(bào)錯(cuò)處理
在實(shí)際安裝過程中一姿，可能會(huì)碰上各種各樣的問題七咧，需要大家自行谷歌或者百度解決
下面說一個(gè)我在安裝過程遇上的報(bào)錯(cuò)：
npm run dev 之后，彈出下圖界面
image
報(bào)錯(cuò)：ERROR in Template execution failed: ReferenceError: process is not defined
image
處理方法：
修改my-project文件下.electron-vue/webpack.web.config.js和.electron-vue/webpack.renderer.config.js文件的HtmlWebpackPlugin叮叹，添加templateParameters
修改后如下：
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: false
}),
參考：
https://segmentfault.com/a/1190000019487488
http://www.reibang.com/p/bdf0a23e7257
