Vue Electron 環境搭建

2021-10-25 02:45:24 字數 1484 閱讀 3700

開啟終端使用vue-cli來建立乙個vue專案

選擇所需要的依賴:

選擇完各種配置後,等待專案建立完成即可:

安裝electron-builder依賴很簡單,只需要執行下面的**即可

cd electron-vue

vue add electron-builder

electron版本先選擇9.0.0的,目前最新的版本是10.1.4,後面會進行公升級

在這裡有乙個要注意的地方,electron裡面只支援vuerouter的hash模式,不支援history模式,可以使用下面**來進行處理:

// src/router.(js|ts)

...export

default

newrouter()

...

啟動專案

可以用

yarn electron:serve
或者

我們可以在electron啟動的視窗檢視到專案情況,也可以通過瀏覽器檢視,瀏覽器上檢視和開發一般的vue專案並沒什麼差別

構建專案

可以用

yarn electron:build
或者

npm run electron:build
更新electron版本

可以通過

yarn add electron@latest -

d

yarn add electron-devtools-installer@latest -

d

分別將electron和electron-devtools-installer更新到最新版本

恭喜,vue+electron的開發環境就搭建好了!!!

LAMP環境搭建 php環境搭建

yum groupinstall development tools y yum groupinstall desktop platform development y yum install cmake pcre devel ncurses devel openssl devel libcurl ...

環境搭建 二 Python環境搭建

工欲善其事,必先利其器 要想玩轉python,我們首先需要搭建一套可使用且方便的環境。對於初學者,笨飯糰建議使用 anaconda anaconda 簡介anaconda是python的乙個科學計算發行版,內建了數百個python經常會使用的庫,包括做機器學習或資料探勘的庫。anaconda提供了乙...

環境 lamp環境搭建

以下命令全部使用root執行,如果不用root記得sudo apt update 更新一下可用軟體包列表 apt upgrade 更新已安裝的軟體包 apt install apache2 安裝apache2 systemctl start apache2 啟動apache apt install ...