一.环境

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=

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部