Electron構建跨平臺應用程序Electron安裝教程網(wǎng)頁鏈接
安裝網(wǎng)頁鏈接
按回車進入node文件夾,,node-v1,,按回車查看node版本,。npm-v1回車查看npm版本,。如果出現(xiàn)版本號則表示安裝成功,;3,、在cmd控制臺,,node文件夾下,,將npm倉庫切換到國內(nèi)淘寶倉庫,,速度會快很多,命令如下:npminstall-gcnpmregistry=Web鏈接14,、在Node文件夾下,,安裝Electron,命令如下:cnpminstall-gElectron!15.輸入命令:Electron-v1查看Electron版本,。如果出現(xiàn)版本號則說明安裝成功,;6,、輸入命令:cnpminstall-gelectro-packager1打包輸出工具;7,、下載并安裝Electron客戶端,;8、新建一個項目文件夾,,自己命名,,例如:test1;9,、在test1中創(chuàng)建三個文件:pakage.json,、index.html、main.js,;10.將test1文件夾拖到電子客戶端,,或者在cmd控制臺使用命令打開文件,
VScode教程
網(wǎng)頁鏈接
網(wǎng)頁鏈接
npminstall-g電子
首先安裝gitweb鏈接
網(wǎng)頁鏈接
$git克隆網(wǎng)頁鏈接
#進入此存儲庫$cdelectro-quick-start#安裝依賴項并運行$npminstallnpmstart
bilibili視頻教程網(wǎng)頁鏈接
網(wǎng)頁鏈接
百度教程
網(wǎng)頁鏈接
2,、環(huán)境建設
1.安裝電子
npminstall-g電子
2.克隆倉庫并快速啟動項目
#克隆示例項目的倉庫gitclonegithub.com/Electron/Electron-quick-start#進入該倉庫cdelectro-quick-start#安裝依賴并運行npminstallnpmstart
3.手動構建一個Electron項目
新建一個項目目錄,,例如:electrodemo01
目錄下新建三個文件:index.html、main.js,、package.json
4搭建腳手架
網(wǎng)頁鏈接
例如使用yarn命令
或npx
成功,!