開啟終端使用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 ...