cnpm的使用与npm非常相似,开发者可以通过简单地将npm命令替换为cnpm命令来使用它。cnpm的安装通常涉及全局安装cnpm并设置其使用淘宝镜像的仓库地址。 pnpm pnpm(performant npm)是一个注重性能的包管理器,它通过使用硬链接和符号链接来避免重复安装依赖包,从而节省磁盘空间并提高安装效率。pnpm还支持创建非扁平的node_modu...
electron-vue 开发环境搭建(Windows环境) 1.安装Node.js,一切都基于这个。安装完成后,终端输入node -v验证。 2.建立自己的项目目录,然后进入目录。 安装vue-cli ,终端输入npm install -g vue-cli进行安装,如果嫌速度慢,可以安装cnpm(淘宝镜像),然后输入cnpm install -g vue-cli安装。下图展示了两种镜像的安装。
第一步:安装node.js 下载地址:https://nodejs.org/en/ 下载LTS版,安装完成后,打开cmd输入node -v,会弹出node.js版本(安装成功) image 第二步:安装vue-cli 如果电脑里没有安装vue-cli,全局安装: npm install -g vue-cli 第三步:安装electron-vue模板 vue init simulatedgreg/electron-vue my-project my-p...
因为要做桌面版本的报表,其实能够选的方案比较多,最后我选了electron来做桌面版,如果不了Electron是什么的话,可以去他们的官方网站看看,大致的理解就是,Electron是一个能让你使用传统前端技术(Nodejs, Javascript, HTML, CSS)开发一个跨平台桌面应用的框架。 首先需要安装node.js,怎么安装,这些我就不赘述了,因为官...
将node_global/bin假如到path环境变量中。 mkdir node_global mkdir node_cache npm config set prefix "node_global" npm config set cache "node_cache" 用-g 安装会到node_global 2022年补充:这步也没啥要紧的,盘够了就行。 2、安装 Vue Cli(安装慢的话,可以使用淘宝镜像cnpm替代npm) ...
配置Electron+vue开发环境(支持VUE-CLI 3.0 +),主要用到的是一款基于VUE-CLI3.0+的Electron插件式开发工具:electron-builder步骤:1、安装VueClinpminstall-g@vue/cli2、创建vue项目vuecreateapp3、在vue项目的根目录下创建electron项目...
执行npm run dev 之后,项目是在开发环境下运行 在开发环境下配置一些全局变量 1.先找到开发环境配置文件 项目结构如图所示: 配置文件在.electron-vue 中,找到webpack.renderer.config.js,这是页面的相关配置 2.在配置文件中添加 变量名必须以process.env开头 ...
Electron 可以使用纯 JS 来创建桌面应用,使用 Web 页面作为 GUI,相当于一个被 JS 控制的,精简版的 Chromium 浏览器。Electron 基于 Chromium 和 Node.js ,所以使用之前需要搭建 Node.js 开发环境。 安装方法 安装Node.js,访问 https://nodejs.org/en/download/ 下载最新版本的 Node.js 安装包。
启动开发模式 在命令行中，首先运行 Vue 开发服务器：npm run serve 然后启动 Electron 应用：npm run electron 三、Vue 和 Electron 应用开发中的核心概念 主进程与渲染进程 主进程：主进程负责管理应用程序的生命周期、窗口、菜单等。它运行在 Node.js 环境中，可以调用 Electron 提供的原生 API（如文件操作、...
1 部署electron开发环境。在github上下载最新版的elecctron开发包，目录结构如下图，electron的业务代码写在resources文件夹下的app文件夹内。2 初始化app文件夹。①在app根目录下执行“npm install”指令，安装开发依赖。②新建package.json和main.js，并在package.json中指定入口为main.js。3 在main文件夹下建立Vue...