WebStorm Vue ElementUI

安装vue-cli

npm install -g vue-cli

创建一个基于webpack模板的新项目

vue init webpack vuedemo

cd vuedemo

安装依赖

npm install

安装element-ui

npm install element-ui --save

修改main.js

import Vue from 'vue'
import App from './App'
import router from './router'

import { Button, Select } from 'element-ui'
import 'element-ui/lib/theme-default/index.css'

Vue.config.productionTip = false


Vue.use(Button)
Vue.use(Select)/* eslint-disable no-new */

new Vue({el: '#app',router,template: '<App/>',components: { App }
})

修改App.vue

<template><div id="app"><img src="./assets/logo.png"><el-button>默认按钮</el-button><router-view></router-view></div>
</template>

目录结构

运行

npm run dev

编译

npm run build

参考资料

https://github.com/ElemeFE/element

http://element.eleme.io

WebStorm Vue ElementUI相关推荐

基于springboot vue elementui酒店预订系统源码(毕设)
开发环境及工具: 大等于jdk1.8,大于mysql5.5,nodejs,idea(eclipse),vscode(webstorm) 技术说明: springboot mybatis vue ele ...
springboot+vue(elementui)校园论坛网站源码
开发环境及工具: 大等于jdk1.8,大于mysql5.5,nodejs,idea(eclipse),vscode(webstorm) 技术说明: springboot mybatis vue ele ...
基于java springboot vue elementui超市管理系统源码
开发环境及工具: 大等于jdk1.8,大于mysql5.5,idea(eclipse),vscode(webstorm) 技术说明: springboot mybatis vue elementui ...
【开源】基于Java+SpringBoot+Vue+ElementUI的超市管理系统
目录系统背景系统总体设计运行环境技术选型系统架构系统用例系统详细设计系统功能截图首页统计 RBAC权限管理商品管理订单管理销量统计售后订单收银系统商品采购供应商管理采 ...
基于springboot vue elementui新闻发布系统源码(毕设)
开发环境及工具: 大等于jdk1.8,大于mysql5.5,nodejs,idea(eclipse),vscode(webstorm) 技术说明: springboot mybatis vue ele ...
springboot vue elementui理发店预约系统源码
开发环境及工具: 大等于jdk1.8,大于mysql5.5,idea(eclipse),nodejs,vscode(webstorm) 技术说明: springboot mybatis vue ele ...
前后端分离 -- 深入浅出 Spring Boot + Vue + ElementUI 实现相册管理系统【文件上传分页】文件上传也不过如此～
前后端分离 – 深入浅出系列 Spring Boot + Vue + ElementUI 实现相册管理系统[文件上传分页 ] 文件上传也不过如此~ 引言 Hello,我是Bug终结者,一名热爱后端J ...
【开源】基于Java+SpringBoot+Vue+ElementUI的美发店会员管理系统
目录系统背景系统总体设计运行环境技术选型系统架构系统用例系统详细设计系统功能截图首页统计 RBAC权限管理商品管理订单管理销量统计售后订单收银系统供应商管理商品采购采 ...
基于javaweb的电影院会员管理系统(java+springboot+vue+element-ui+mysql)
基于javaweb的电影院会员管理系统(java+springboot+vue+element-ui+mysql) 运行环境 Java≥8.MySQL≥5.7.Node.js≥10 开发工具后端:e ...

WebStorm Vue ElementUI

WebStorm Vue ElementUI相关推荐

最新文章

热门文章