Electron+Vue mac 環境搭建


安裝Node、npm

1 ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
2 brew install node  
3 node -v:查看node版本
4 npm -v:查看npm版本

議安裝時將npm倉庫鏡像改為淘寶鏡像

1 npm config set registry http://registry.npm.taobao.org/
2 //或安裝cnpm
3 npm install -g cnpm --registry=https://registry.npm.taobao.org

安裝/升級vue-cli

1 npm install @vue/cli -g && npm install @vue/cli-init -g

安裝Electron

1 npm install -g electron
1 啟動Electron 
2 # 克隆這倉庫
3 git clone https://github.com/electron/electron-quick-start
4 # 進入倉庫
5 cd electron-quick-start
6 # 安裝依賴庫
7 npm install
8 # 運行應用
9 npm start

創建工程

1 vue init simulatedgreg/electron-vue <project-name>
2 cd <project-name>
3 npm install 4 npm run dev

另一種方式

1 vue create <project-name>
2 cd <project-name>
3 cnpm install --save-dev electron-chromedriver@5.0.1
4 cnpm install --save-dev electron@6.1.10
5 vue add electron-builder
6 可以修改package.json,electron、electron-chromedriver為最新版本然后:
7 cnpm install
8 cnpm run electron:serve

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM