vue + element 创建教程

vue + element 创建教程

1.环境准备

1. node安装

   1. node版本：v10.15.3
   2. node下载地址：https://nodejs.org/zh-cn/

2. vue-cli安装

   1. 全局安装vue-cli

   npm install --global vue-cli
   

2.创建 vue + element 项目

1. 创建 vue 项目并初始化

   vue init webpack my-project
   

2. 回车默认操作

3. 安装项目

   npm install
   

4. 运行项目

   npm run dev
   

5. 引入element

   1. 安装element

   npm i element-ui -S
   

   1. main.js 中写入一下内容

   import Vue from 'vue'
   import ElementUI from 'element-ui'
   import 'element-ui/lib/theme-chalk/index.css'
   import App from './App.vue'
   
   Vue.use(ElementUI)
   
   new Vue({
   el: '#app',
   render: h => h(App)
   })