Electron+Vue 项目搭建

环境

node vue electron

安装node

node官网http://nodejs.cn/download/，下载安装即可。
npm仓库镜像改为淘宝镜像

npm config set registry http://registry.npm.taobao.org

或者

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装升级vue-cli

查看vue-cli版本
vue -V
安装或更新
npm install @vue/cli -g

安装electron

npm install -g electron
或
cnpm install -g electron
查看版本
electron --version

创建运行项目

vue init simulatedgreg/electron-vue my-project

下载依赖 npm install
启动 npm run dev

解决方法
在webpack.renderer.config.js 和 webpack.web.config.js中添加

templateParameters(compilation, assets, options) {return {compilation: compilation,webpack: compilation.getStats().toJson(),webpackConfig: compilation.options,htmlWebpackPlugin: {files: assets,options: options},process,};},

重新启动 npm run dev

Electron+Vue 项目搭建相关推荐

Re：从零开始的Vue项目搭建
Re:从零开始的Vue项目搭建初始的终结与结束的开始 Nodejs项目的简单测试从零开始 webpack开发模式 webpack编译打包后记初始的终结与结束的开始最开始接触vue项目搭建是从 ...
node安装与环境搭建 + VUE项目搭建
一.node环境安装 1.node下载 node.js官网地址:Node.js LTS:表示稳定版一般用于生产环境,重点在于稳定,如果你需要稳定性并拥有复杂的生产环境(例如中型或大型企业),建议使 ...
Vue 项目搭建流程和使用大全
Vue 项目搭建流程及项目中遇到的问题项目搭建流程 1.使用vue cli 搭建项目框架 cnpm install -g vue-cli 安装vue cli 脚手架 vue init webpack ...
vue项目搭建详细教程
1.下载node.js 下载地址:Download | Node.js 直接下一步下一步即可下载完成下载完成后,按住win+R,输入cmd回车查看node版本:node -v 查看npm 版本:n ...
electron+vue项目打包时修改注册表功能
electron+vue项目打包时修改注册表功能原因在使用electron做项目时,由于产品需要做一个放大镜功能.在查找了网上大部分类似需求后,发现大部分的放大镜都是对图片的放大,真正实现放大镜功 ...
vue cli脚手架详解_vue-cli脚手架搭建vue项目搭建
在搭建项目前,需要确认系统是否已正确安装nodejs工具,建议node安装6.+以上的稳定版本,若这个最基本的配置已经完成了,就可以开始搭建项目了 1 进入到你想要创建项目的目录下,全局安装vue-c ...
vue项目搭建和配置
第一步:创建项目 vue create bigscreen 第二步:进行项目的的配置,在vue.config.js配置文件中配置 module.exports = {outputDir: proces ...
vue项目搭建以及环境配置
一.环境要求:node 1. 下载链接:https://nodejs.org/en/ 2.检查是否安装成功:如果输出版本号,说明我们安装node环境成功(node-v) 3.配置镜像 : npm i ...
VUE项目搭建的整个过程
一.安装node环境 1.下载地址为:https://nodejs.org/en/ 2.检查是否安装成功:如果输出版本号,说明我们安装node环境成功 3.为了提高我们的效率,可以使用淘宝的镜像:ht ...

Electron+Vue 项目搭建

环境

安装node

安装升级vue-cli

安装electron

创建运行项目

Electron+Vue 项目搭建相关推荐

最新文章

热门文章