环境配置：Node.js + Vue + Electron 安装和配置

最新推荐文章于 2024-07-05 10:11:45 发布
最新推荐文章于 2024-07-05 10:11:45 发布
阅读量1.1k 收藏
点赞数
分类专栏： 【封存】
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27022241/article/details/104428308
版权

                                环境配置：

                 Node.js + Vue + Electron 安装和配置

0 说明

系统：win10

1 Node.js 和 Vue的安装和配置

最详细的vue安装教程

2 Electron安装和配置

先下载安装包，然后再安装：

Electron安装慢的解决办法

问题解决（本人采用法2）：

解决安装electron在node install.js卡住的问题

解决安装卡住的问题后，要使用cnpm安装。

验证Electron是否安装成功：

cmd命令：

$ electron -v

 

南方有乔木
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
electron 入门 1---渲染线程中使用nodejs模块
wodecanmeng的博客
05-29 622
electron 版本 v13 刚刚开始学习electron，本来跟随着教程kai'a'k的时候当在electron的渲染线程中使用nodejs的模块时，
2023 最新 Node.Js 语言实现 Electron.js 桌面应用开发详细教程（进阶篇）
唤醒手腕的博客
08-29 5531
为了解决这个问题，Chrome 团队决定让每个标签页在自己的进程中渲染， 从而限制了一个网页上的有误或恶意代码可能导致的对整个应用程序造成的伤害。为了使 Electron 的功能不仅仅限于对网页内容的封装，主进程也添加了自定义的 API 来与用户的作业系统进行交互。这个文件控制了主进程，它运行在一个完整的Node.js环境中，负责控制您应用的生命周期，显示原生界面，执行特殊操作并管理渲染器进程。对于与您的网页内容的任何交互，您想要将脚本添加到您的渲染器进程中。Electron 应用程序的结构非常相似。
Nodejs安装+electron安装
sinat_36721621的博客
03-30 655
Nodejs安装：https://www.jianshu.com/p/13f45e24b1de 设置淘宝镜像源：打开命令行，运行 npm config set registry "https://registry.npm.taobao.org" 安装cnpm：npm install cnpm -g
vue3+electron项目搭建,遇到的坑
最新发布
weixin_44892327的博客
07-05 506
我主要是写后端,所以对前端的vue啊vue-cli只是知其然,不知其所以然这样也导致了我在开发前端时候遇到了很多的坑第一个坑, vue2升级vue3始终升级不成功第二个坑, vue add electron-builder一直卡进度,进度条走完就是不出提示succes。
Nodejs-electron 环境配置
MyBlog
04-24 578
Nodejs-electron 环境配置 说明 1）win环境 2）参考网页 Electron在Windows系统下环境搭建步骤 - 知乎 https://zhuanlan.zhihu.com/p/61447769 安装 nodejs Node.js 中文网 http://nodejs.cn/ 下载对应平台版本进行安装即可 1）正常安装后需要注意环境变量是否生效，否则要配置 2）注意要配置 node_global 文件夹 3）安装 cnpm ，具体见上面链接 安装 electron 链接中使用 cnpm
Electron + nodejs 解决方案
mutouren_abc的博客
12-07 328
electron + vue + nodejs
vue2+elementui+electron项目配置
06-06
在`vue2+elementui+electron`项目配置中，首先需要确保你已经安装了Node.js和npm，因为这两个是开发的基础环境。接下来，你需要初始化一个新的Vue2项目，可以使用Vue CLI或者手动配置。如果你选择Vue CLI，可以运行`...
electron_three.js_vue.zip
12-17
标题 "electron_three.js_vue.zip" 暗示了这是一个基于Electron框架的项目，结合了Vue.js前端框架和Three.js库来创建3D图形。这个压缩包包含了一系列用于开发3D应用的文件和配置，让我们一一解析它们的重要性及在...
electron+vite+vue3+sqlite3基础框架
12-14
总结起来，"electron+vite+vue3+sqlite3基础框架"是一个为开发桌面应用提供便利的工具集合，它结合了现代前端的最佳实践，为开发者创造了一个高效、易用的开发环境。无论是对于新手还是经验丰富的开发者，这个框架都...
Vue项目使用electron打包成.exe文件
08-22
以上就是使用 Electron 将 Vue 项目打包成 .exe 文件的详细步骤，包括项目准备、环境配置、问题处理和打包流程。在整个过程中，要注意适配 Electron 环境，解决可能出现的兼容性问题，以及正确配置和执行打包命令。
electron+vue桌面应用开发快速开始模板.zip
02-09
"electron+vue桌面应用开发快速开始模板.zip" 是一个为开发者准备的资源包，它帮助初学者迅速搭建基于 Electron 和 Vue 的项目结构，从而能够快速进入桌面应用的开发流程。 Electron 是一个由 GitHub 开发的开源...
electron + nodejs (热更新)
qq_32900003的博客
05-22 835
package.json "build": { "appId": "com.whbs.app", "productName": "whbs", "directories": { "output": "build" }, "dmg": { "contents": [ { "x": 410, "y": 150, "type": "link", "path": "/Applications" }, {
Electron + Vue3 开发桌面应用
热门推荐
Hyung的博客
01-04 2万+
Electron + Vue3 开发桌面应用
window10 Electron+Vue 最简单的原生项目创建，从环境搭建到打包
weixin_47219632的博客
12-13 1549
window10 Electron+Vue 最简单的原生项目创建，从环境搭建到打包
【electron-vue】创建Nodejs c++插件，并在electron-vue中调用（addon）
践行终生成长
09-02 2898
Node生成c++插件 参考在 Node.js 中使用C++ 参考C++ 插件 全局安装node-gyp npm install -g node-gyp 新建 hello.cc 文件 #include <node.h> namespace demo{ using v8::FunctionCallbackInfo; using v8::Isolate; using v8::Local; using v8::Object; using ...
搭建Electron+vue
小祝的专栏
09-06 2081
一、安装nodejs 二、安装vue-cli脚手架 输入命令：cnpm install --global vue-cli 验证是否安装成功输入vue出现下面信息说明安装成功 三、搭建vue项目 1、使用命令创建项目 vue init webpack demo2 完成后目录如下： 成功之后查看启动项，打开demo2>config>index.js： 执行命...
[nodejs]electronjs vue 环境搭建
AsiWorld的博客
04-22 1285
目录环境搭建nodejs安装npm升级npm换源安装vue/cli创建vue项目 环境搭建 nodejs安装 # 官网:https://nodejs.org/en/download/ # 查看nodejs版本 $ node -v # 查看npm版本 $ npm -v npm升级 # npm升级 $ npm install -g npm npm换源 //查看源 $ npm config get registry //更换源 $ npm config set registry https://registr
使用electron与vue搭建起步项目，并定制化窗口
pocher的博客
02-27 5491
话不多说，先上最终成果 第一步：安装node.js 首先确保你安装了node.js  没有安装的话去官网下载安装https://nodejs.org/zh-cn/  不推荐使用最新版本，因为有可能electron还不支持最新版的node.js，建议从8.0以上的版本开始 （注意：npm 命令被集成到了node.js里，安装node的时候已经自动将npm安装了。） 以往各个版本下载链...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值