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