以前只見過，但是一直沒時間來玩玩，最近公司有需求重構某個應用做桌面程式，便開始了探索之路
文件：我的環境：
node:14.7
yarn:1.22.4
windows10專業版
# 安裝 vue-cli 和 腳手架樣板**
npm install -g vue-cli
vue init simulatedgreg/electron-vue my-project
# 安裝依賴並執行你的程式
cd my-project
yarn # 或者 npm install
yarn run dev # 或者 npm run dev
有個警告，也不知道是個啥，暫且不管，官方推薦 yarn安裝（先安裝yarn，npm install -g yarn），反正我試了npm慢的一p（沒錢買梯子），用cnpm後面build的時候會報錯，看網上都說不能用cnpm，故我也用上了yarn ( yarn install )，會報錯找不到python，咱也先不管了。
然後就興高采烈的 yarn run dev，結果
error in template execution failed: referenceerror: process is not defined
error in referenceerror: process is not defined
- index.ejs:11 eval
[.]/[html-webpack-plugin]/lib/loader.js!./src/index.ejs:11:2
- index.ejs:16 module.exports
[.]/[html-webpack-plugin]/lib/loader.js!./src/index.ejs:16:3
- index.js:284
[electron-demo]/[html-webpack-plugin]/index.js:284:18
- runmicrotasks
- task_queues.js:93 processticksandrejections
internal/process/task_queues.js:93:5
然後找到
//.electron-vue/webpack.renderer.config.js 修改
// find the rendererconfig variable
let rendererconfig = ,
//新增這兩行
isbrowser: false,
isdevelopment: process.env.node_env !== 'production',
nodemodules: process.env.node_env !== 'production'
? path.resolve(__dirname, '../node_modules')
: false
}),]}
// ./src/index.ejs 修改
// ./src/main/index.js 修改
function createwindow () })}
儲存完，介面就出來了
其實還會看到（除錯工具預裝不上）
yarn add vue-devtools --dev
//修改main/index.dev.js:
//新增
import from 'electron'
//修改
// let installextension = require('electron-devtools-installer')
// installextension.default(installextension.vuejs_devtools)
// .then(() => {})
// .catch(err => )
browserwindow.adddevtool***tension('node_modules/vue-devtools/vender')
})
這時還會報錯
[11564:0822/230100.149:error:console(7574)] "extension server error: operation failed: : has no execution context", source: chrome-devtools://devtools/bundled/inspector.js (7574)
搞不懂了，先不管，其實vue除錯工具已經出來了
初粗嘗前端工程
最近幾天沉迷搭建部落格，學習了各種nodejs工具，總的來說是這些 express react styled components forever react webpack這些工具之前也有嘗試著學習過，但是始終沉不下心來好好學，最近比較有時間，也打算參與學校一些專案了，又有個小夥伴和我介紹了怎麼通...
初嚐結對程式設計的甜頭
聯調的方式，形式上有點象結對程式設計，我是那個坐著旁邊 只說不作 的人，真正寫 的仍然是客戶端的人員，我主要負責幫客戶端人員理清他們的邏輯和思路，對現有的架構和 提出修改建議，同時 監督 客戶端人員的編碼過程，幫助其及時糾正由於思維 盲角 導致的小錯誤。這一兩個星期下來，感覺頗好，同事之間的合作既輕...
初嚐結對程式設計的甜頭
聯調的方式，形式上有點象結對程式設計，我是那個坐著旁邊 只說不作 的人，真正寫 的仍然是客戶端的人員，我主要負責幫客戶端人員理清他們的邏輯和思路，對現有的架構和 提出修改建議，同時 監督 客戶端人員的編碼過程，幫助其及時糾正由於思維 盲角 導致的小錯誤。這一兩個星期下來，感覺頗好，同事之間的合作既輕...