构建 Electron-Vue 脚手架项目


一、准备工作

1、调整命令行的编码

为了避免在编程的时候,在命令行里面看到一些方块的乱码,最好调整一下命令行的编码。临时调整的方式是在 PowerShell 输入以下命令:

chcp 65001

 

 2、安装 vue-cli

npm install -g vue-cli

3、(重点)安装 windows-build-tools

npm install --global --production windows-build-tools

二、利用 packager 构建 electron-vue

1、初始化脚本

vue init simulatedgreg/electron-vue my-project

 2、electron-vue 脚手架项目初始化(downloading template)太慢问题处理

方法一:(此方法还是很慢,推荐第二种方法)

1) npm 设置国内镜像

第一句为设置 npm 淘宝镜像

第二句设置 electron 镜像位置

npm config set registry https://registry.npm.taobao.org/
npm config set ELECTRON_MIRROR http://npm.taobao.org/mirrors/electron/

2) 根据官方,安装样板代码

方法二:(推荐此方法)

1) 将 electron-vue 项目先下载下来

https://github.com/SimulatedGREG/electron-vue

2) 安装样板代码

3、快速构建项目模板

vue init F:\***\***\***\electron-vue-master SeedManager

构建成功之后就可以初始化项目(npm install)和运行项目(npm run dev)

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM