通过vue指令创建electron-vue模板项目出现一直“downloading template“问题

    今天试了一下,vue init simulatedgreg/electron-vue vueapp的时候,在命令行下一直downloading template,让我很懊恼。

    原来vue init创建的时候,默认是从github下载模板,而且还会把原来path/to/.vue-templates目录下的simulatedgreg-electron-vue模板目录给删除了,这样网络不好的情况下就一直downloading template。

    如下截图所示,默认初始化的时候,竟然把原来的模板给删除了,所以会一直downloading template:

    

    解决办法呢,还是和webpack类似,就是下载这个模板到本地,然后放入C:\Users\Administrator\.vue-templates目录下。解压,然后改名字为simulatedgreg-electron-vue。     

    然后执行 vue init simulatedgreg/electron-vue vueapp的时候增加一个参数--offline,否则,这个命令还是会把.vue-templates目录下的模板给删除了,重新下载,这个很烦的。不知道为什么有了模板了,还是重新下载。

    解决办法是受到了cnblog上这篇博客的启发。

    我们经过尝试,使用正确的方法创建项目的截图如下:

    

    这个问题很邪门,不知道为什么。 不过,总算找到解决办法,就是花了很多时间来踩坑。

当将已有的Vue项目使用electron-vue进行打包时,您可以按照以下步骤进行操作: 1. 安装 electron-vue 脚手架工具: ``` npm install -g vue-cli vue init simulatedgreg/electron-vue my-project ``` 2. 进入项目目录: ``` cd my-project ``` 3. 安装依赖: ``` npm install ``` 4. 添加 Vue 项目的主进程代码: 在 `src/main` 目录下创建 `index.js` 文件,并添加以下内容: ```javascript import { app, BrowserWindow } from 'electron' let mainWindow function createWindow() { mainWindow = new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegration: true } }) mainWindow.loadURL(process.env.NODE_ENV === 'development' ? 'http://localhost:8080' : `file://${__dirname}/index.html`) mainWindow.on('closed', () => { mainWindow = null }) } app.on('ready', createWindow) app.on('window-all-closed', () => { if (process.platform !== 'darwin') { app.quit() } }) app.on('activate', () => { if (mainWindow === null) { createWindow() } }) ``` 5. 修改 `package.json` 文件: 在 `scripts` 段中增加以下两行代码: ```json "electron:serve": "cross-env NODE_ENV=development electron .", "electron:build": "vue-cli-service electron:build" ``` 6. 运行开发环境: ``` npm run electron:serve ``` 7. 构建应用程序: ``` npm run electron:build ``` 8. 完成后,您将在 `dist_electron` 目录中找到生成的应用程序。 请注意,上述步骤假设您已经安装了 Vue CLI 和 Node.js。希望对您有所帮助!
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

luffy5459

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值