1、创建一个vue3应用,更具提示创建项目名称,以及要使用的工具 npm create vite@latest npm install 2、更目录创建.npmrc文件,并粘贴下面内容进去 strict-ssl=false:这个设置表示在进行 SSL 连接时不强制验证证书的有效性。这在一些情况下可能会用于避免 SSL 证书验证失败的问题 registry=https
2、安装 Vue Cli npm install-g @vue/cli 安装 淘宝镜像 cnpm ( 因 electron 包 特别大 本人尝试过 npm 或 yarn 的 方法 需要等待很长时间 ) 3、全局安装 Electron cnpm install electron-g 查看是否安装成功 三、 搭建 vue 环境 3、首先使用 vue-cli 搭建基础 vue框架 2、和平时写 vue项目一样 选择自...
1. 使用 vue cli 创建vue项目 代码语言:javascript 代码运行次数:0 运行 AI代码解释 vue create electron-test 2. 安装插件 vue-cli-plugin-electron-builder 代码语言:javascript 代码运行次数:0 运行 AI代码解释 vue add electron-builder image.png 3. 安装完插件后, 项目中的一些变化 ① package.json 新增了...
2.1 用vue-cli创建一个项目 打开命令行工具,安装 node,安装 yarn,安装vue-cli脚手架,我这里使用的版本是: 代码语言:javascript 复制 MacBook-Pro:~Bill$ node-v v12.16.1MacBook-Pro:~Bill$ yarn-v1.22.4MacBook-Pro:~Bill$ vue-V@vue/cli4.3.1MacBook-Pro:~Bill$ vue-cli创建初始化项目: 代码语言:...
先创建vue项目 npm create vite@latest electron-desktop-tool 进入到项目 执行安装和运行命令,可以看到vue项目已经启动起来了 cd electron-desktop-tool npm install npm run dev 项目可以在浏览器中跑起来,说明没毛病,下一步就在项目中引入 electron 目录结构 ...
1. 创建Vue项目 首先,确保你已经安装了Vue CLI。如果还没有安装,可以使用以下命令进行安装: bash npm install -g @vue/cli 然后,创建一个新的Vue项目: bash vue create my-vue-app 按照提示选择所需的配置,完成项目创建。 2. 安装Electron依赖 进入你的Vue项目目录,并安装Electron: bash cd my-vue-app...
5. 配置路由 安装引入依赖 npm install vue-router (1) 将app.vue内容删除,补充router-view (2) 注意:<template><router-view></router-view></template>外层套一层,如果没有会导致路由失效,具体原因忘记了 (3) 添加router.js,在里面配置路由 (5) 在main....
一、Electron-vue简介 二、安装yarn 三、创建Electron-vue项目 1. 关于 electron-builder 2. 安装脚手架 3. 运行 4. 打包应用程序 四、background.js说明 1. 引入模块和依赖: 2. 注册协议: 3. 创建窗口函数: 4. 生命周期事件和监听器: 五、使用UI库 Vuetify ...
node -v npm-v 检查是否安装成功 二.安装vscode 需要下载基于arm架构的安装包 ,可去官网下载 这是我使用的包:https://pan.baidu.com/s/10sEREUuUgZQU7d2L27WhCw提取码:ABC1 三.安装vue脚手架 npm install-g @vue/cli 1. 四.切换淘宝镜像和安装cnpm ...