安裝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