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

 

posted @ 2020-04-25 12:31  doubletcjs  阅读(1247)  评论(0编辑  收藏  举报