VUE 網頁端改成桌面端(Electron)

2022-04-29 08:21:07 字數 579 閱讀 7073

展示效果

一、安裝vue-cli

前提安裝:

npm install -g @vue /cli  // 安裝

vue --version  // 查詢版本

二、建立專案

vue create 專案名

三、安裝成功後執行

vue add electron-builder

四、執行

npm run electron:serve

五、打包

npm run electron:build

六、安裝

執行dist_electron打包檔案中的electron-vue setup 0.1.0.exe

我的部落格:

移動端 網頁布局

固定寬度布局 為網頁設定乙個固定的寬度,通常以 px 做為長度單位,常見於 pc 端網頁。流式布局 為網頁設定乙個相對的寬度,通常以百分比做為長度單位。柵格化布局 將網頁寬度人為的劃分成均等的長度,然後排版布局時則以這些均等的長度做為度量單位,通常利用百分比做為長度單位來劃分成均等的長度。響應式布局...

PC端網頁特效

動態得到相關元素的位置 大小 1.獲得元素距離帶有定位的父元素的位置 2.獲得元素自身的大小 返回的數值都不帶單位 offsettop 可以得到元素的偏移 位置 返回的不帶單位的數值 offsetleft offsetwidth 可以得到元素的大小 寬度和高度 是包含padding border w...

移動端網頁製作

一 header資訊的設定 自適應 1 宣告資訊 2 編碼設定 3 移動裝置特別設定 重要宣告!meta content width device width,user scalable no name viewport viewport說明 該設定可使我們開發出的頁面 產品 大小可適應各種高階移動...