electron-vue 實踐 1 —— 安裝和建立工程
electron 安裝
有資源問題,在國內使用 npm 直接安裝 electron 是比較麻煩的,有兩個解決方案:
$ npm install -g package --registry=https://registry.npm.taobao.org
或直接使用
cnpm
工具。翻牆(看個人習慣了,我現在是習慣了面向 google 程式設計)
UI 方案
由於 electron 的 UI 也是使用 HTML + CSS 實現的,所以 UI 開發與 Web 並無差異,可以選擇當前比較流行的前端框架,例如 Angular
、Vue
或 React
等。這裡選擇較為輕量級的 vue ,一方面是學習成本最低,其次也有比較成熟的整合到 electron 框架中的開源手腳架 ,再配合基於 vue 2.0
封裝好的元件庫 ,UI 開發工作顯然要簡單許多。
安裝 electron-vue
框架
先安裝
vue-cli
工具:$ npm install -g vue-cli
使用
vue-cli
和electron-vue
建立工程:$ vue init simulatedgreg/electron-vue exceltools ? Application Name exceltools ? Project description An electron-vue project ? Select which Vue plugins to install axios, vue-electron, vue-router, vuex ? Use linting with ESLint? No ? Set up unit testing with Karma + Mocha? Yes
注意:
應用名不能帶大寫字母,否則會報錯:
"Sorry, name can no longer contain capital letters."
不使用 eslint ,可避免書寫規範的檢查
安裝依賴:
在工程建立完成後,進入工程並使用 yarn 或 npm 安裝依賴:
$ cd exceltools $ npm install# 安裝依賴包 $ npm run dev# 開發環境執行
也可以使用 yarn 安裝依賴,假如還未安裝 yarn 可以使用 npm 全域性安裝:
$ npm install -g yarn
但我在 windows 下使用 yarn 安裝
download-chromedriver.js
依賴會報錯,使用 npm 就正常。 mac 下恰好相反,使用npm install
安裝會報錯,使用yarn install
才正常。執行 debug 模式:
$ npm run dev
直接使用開發環境執行專案,會有除錯面板等工具。執行成功可以看到彈窗:
打包釋出:
$ npm run build
參考:
相關推薦
electron-vue 實踐 1 —— 安裝和建立工程
去年倒騰過一段時間的 electron ,但最終沒做出什麼東西來,最新剛好要幫一個做審計工作的朋友做一個桌面軟體,所以打算正兒八經地研究一下。我們都知道 electron 相當於一個瀏覽器的殼子,裡面的
淺談Python中的scrapy的安裝和建立工程
1 安裝 Scrapy依賴的庫比較多,至少需要依賴庫有Twisted 14.0,lxml 3.4,pyOpenSSL 0.14。而在不同平臺環境又各不相同,所以在安裝之前最
Praat 學習日誌1--安裝和建立專案(入門必看)
Praat是一款強大的語音分析軟體。它能夠幫助語音學家分析,綜合和操作講話,可以記錄音訊或者匯入現成的音訊檔案,包括光譜,音調,強度和格式的基本分析,支援通過建立不同的指令碼自動化完成任務。還
Cocos2d-x 3.1 環境搭建和建立工程
Cocos2d-x 3.x改版了很多,之前搭過一次環境,但是沒截圖,這次趁著重灌電腦,一邊搭建一邊截圖。此博文只是為了記錄而不是為了教學,所以更多講的是搭建過程。本文基本上參考這篇部落格:http://www.idcfree.com/article-1488-1.html,
OpenResty 最佳實踐學習--安裝和helloworld(1)
一:簡介 OpenResty® 是一個基於 Nginx 與 Lua 的高效能 Web 平臺,其內部集成了大量精良的 Lua 庫、第三方模組以及大多數的依賴項。用於方便地搭建能夠處理超高併發、擴充套件性極高的動態 Web 應用、Web 服務和動態閘道器。
1-1 安裝和使用Git
效率 scm span 架設 管理 目的 使用 strong 指令 http://git-scm.com/downloads Git的指令模式,才能夠清楚地了解Git的工作細節.最後還會介紹Git Server的架設和管理,讓讀者能夠熟練使用Git來管理程序代碼,從而提高程
vue-router-1-安裝與基本使用
基本 一個 https 基本使用 註入 out git const tps npm install vue-router import Vue from ‘vue‘ import VueRouter from ‘vue-router‘ Vue.use(VueRout
vue-devtools 的安裝和使用
https 並運行 vue blog 程序 分享 chrome 分享圖片 bsp vue-devtools的安裝與使用 一.在github上下載壓縮包,github下載地址:https://github.com/vuejs/vue-devtools 二.解壓到本地的某盤
在CDH上用外部Spark2.2.1安裝和配置 CarbonData
表示 相關 iyu top arch slaves path 中央倉庫 tar -zcvf 在CDH上用外部Spark2.2.1 (hadoop free版本)standalone 模式安裝和配置 CarbonData ===================
0-1安裝和配置kubectl
powers -i 功能 ces 嘗試 current gpgkey 部署 命令行工具 使用k8s的命令行工具 kubectl 來部署和管理應用。可以用kubectl 來查看集群的資源,創建,刪除,更新組件,查看你的新集群,啟動測試的應用。 開始之前 你必須使用和你的集群的
wordpress(1) —— 安裝和遷移原專案
一、環境安裝 二、如何遷移一個wordpress原專案 一、快速安裝wordpress 1 開始安裝WordPress之前你需要知道的東西 1.1 安裝WordPress你必須做的事情 2 著名的5分安裝 3&
Windows下Git的安裝和建立版本庫
一,git的安裝 安裝包下載地址:https://git-scm.com/download/win。 或者百度雲下載連結:https://pan.baidu.com/s/181k5XFXBz_EFqRwaTwf5PQ ,提取碼:65xg 。 預設安裝即可。安裝後在根目錄下找到 gi
sqoop(1):安裝和配置
一、功能 在大資料處理之後,需要資料展示,所以,要把相對較少的資料儲存到關係型資料庫中,然後做一套框架給外部查詢展示。sqoop的作用就是把資料從hdfs或者hive中匯出到mysql等關係型資料庫 二、sqoop部署 1.解壓 tar -zxvf sqoop-1.4.7
Vmware VCenter Server 5.1安裝和基本配置(未貼圖)
Vmware VCenter Server 5.1安裝和基本配置 Vcenter 5.1與之前的5.0有很大的不同,首先增加了兩個相關的支援服務作為必須安裝的元件。 從上圖的介
mongoDB的安裝和建立使用者並用mongovue連線
我用的是mongoDB-3.2.21 點我下載mongoDB-3.2.21和mongoVUE 大家也可以去官網下載:點我下載 因為我用的是3.2.21版本的所以推薦大家也下載這個版本,至於是zip包還是msi的安裝包就隨便了,我用的是zip免安裝的 Windows平臺的安裝 1.
Java之資料庫(庫和表的建立,結構的修改以及表內資料的修改查詢)的安裝和建立
資料庫 是一個永久檔案,儲存資料,按照一定規則(SQL)來進行儲存 資料庫管理系統 可以對資料庫進行增刪改查(SQL語句) 資料庫階段 1.DDL語句:資料庫定義語句(對庫 表 進行定義) Create Drop Alter 2.D
伺服器MySQL的安裝和建立使用者及授權
部署mysql 兩種linux系統,商業版本以Redhat為代表,開源社群版則以debian為代表 1.Ubuntu(debian系) 1.1安裝 sudo apt-get install mysql-server sudo apt-get install my
【python安裝】Windows上安裝和建立python開發環境
1. 在 windows10 上安裝python開發環境 Linux和Mac OS都自帶python環境,但是Windows沒有,需要自行安裝。 第1步:訪問 python官網,下載Windows平臺下的安裝包 選擇下載3.X的版本,我選擇的是3.6.6的版本 雙擊下載完的檔案python-3.6.6-
IntelliJ IDEA的下載+安裝+配置+建立工程
01下載 百度到官網 進入後點擊download 發現該工具已經完美支援三個系統,它可以自動探測我們是windows系統。每個平臺下面都有兩個版本,一個Ultimate(優勢:所有的功能都能完美支援,缺點收費特貴
rabbitMQ的安裝和建立使用者
在電腦科學中,訊息佇列(英語:Message queue)是 一種 程序間通訊或同一程序的不同 執行緒 間的通訊方式,軟體的貯列用來處理一系列的輸入,通常是來自使用者。訊息佇列提供了 非同步的通訊協議,每一個貯列中的紀錄包含詳細說明的資料,包含發生的時間,輸入裝置的種類,以及