文章目錄
- 前言
- electron-vue安裝
前言
前端開發人員開發PC端專案繞不過去的兩大坑王：electron 和 nwm.js，最近一直有點兒腰疼，所以打算開發一個提醒自己站起來站會兒和定時喝水的程式，安裝在電腦上，后續開發完成會開源，大家耐心等待一下~~~
electron-vue安裝
1. 設定鏡像源，切換到國內淘寶鏡像地址，國外的地址大概率情況會請求超時
npm config set registry https://registry.npm.taobao.org/
npm config set ELECTRON_MIRROR http://npm.taobao.org/mirrors/electron/
2. 安裝vue-cli
npm install -g vue-cli
3. 通過vue安裝electron-vue，并初始化專案
vue init simulatedgreg/electron-vue my-project
第一個大坑來了
CMD
powershell
loading…
讓人原地爆炸（據說也有小伙伴成功了），祭出神器
ok，成功運行
安裝成功，這里存在另一個坑，安裝成功后根據提示通過yarn進行專案的安裝有可能報錯（反正我的報錯了），換用cnpm進行安裝，直接使用npm進行運行即可
cd electronvue
cnpm install
npm run dev
4. 專案啟動
到這里你以為就結束了？no no no，還有一個坑等待著你，專案啟動~
找到專案中
在檔案內找到
插入
templateParameters(compilation, assets, options) {
return {
compilation: compilation,
webpack: compilation.getStats().toJson(),
webpackConfig: compilation.options,
htmlWebpackPlugin: {
files: assets,
options: options
},
process,
};
},
注意：兩個檔案都需要添加
再次啟動~
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/258156.html
標籤：其他