源碼 j所踊、源碼 j-step-c3尸疆、相關(guān)視頻
nvm
nodejs 版本管理工具, 用于管理多個(gè)node.js版本
Node.js
基于Chrome的V8 JavaScript引擎構(gòu)建的JavaScript運(yùn)行時(shí)
yarn
npm包依賴管理工具
electron
使用 JavaScript, HTML 和 CSS 構(gòu)建跨平臺(tái)的桌面應(yīng)用
webpack
加載資源、捆綁模塊科展、處理瀏覽器兼容性和打包應(yīng)用等等
重點(diǎn): electron-webpack
為什么需要electron-webpack?
因?yàn)槲覀兊腤eb開(kāi)發(fā)需要進(jìn)行大量配置，例如配置webpack，babel痹栖，eslint等等，而通過(guò)簡(jiǎn)單的安裝electron-webpack可以簡(jiǎn)化這些設(shè)置瞭空。
- bash
# 確認(rèn)一下揪阿，你現(xiàn)在應(yīng)該位于j-step目錄下
yarn init -y
yarn add electron-webpack electron webpack -D
## buider 的時(shí)候必須要
yarn add source-map-support
- package.json
{
"scripts": {
"dev": "electron-webpack dev"
}
}
別忘了在根目錄添加一個(gè).gitignore文件, 這個(gè)文件中添加下面的內(nèi)容
.DS_Store
.vscode
coverage
dist
node_modules
ps: git 會(huì)忽略 .gitignore中的內(nèi)容
接下來(lái)疗我，讓我們寫(xiě)一些代碼吧。
上一節(jié) Electron開(kāi)發(fā)實(shí)戰(zhàn)之02-github
目錄
下一節(jié) Electron開(kāi)發(fā)實(shí)戰(zhàn)之04-Hello World
