Vue+ElementUI+Electron环境搭建及程序打包

一.环境

Node.js
Element-ui
Electron

二.Node.js

1.下载并安装Node.js

2.安装完成后,新建目录”node_cache“ ”node_global“

3.新建及修改环境变量

4.执行如下命令

npm config set prefix "D:\Source_Install\nodejs\node_global"
npm config set cache "D:\Source_Install\nodejs\node_cache"
npm config set registry=http://registry.npm.taobao.org

npm install npm -g
npm install vue -g
npm install vue-router -g
npm install vue-cli -g

三.Vue项目

1.shift+鼠标右键打开PowerShell窗口,新建vue项目

2.npm run dev 运行该项目

四.Element-ui

1.npm 安装 Element-ui

2.修改main.js

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import ElementUI from 'element-ui'

import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI);

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
   
  el: '#app',
  router,
  components: {
    App },
  template: '<App/>'
})

3.修改App.vue

<template>
  <div id="app">
    <img src=