新建vue+element项目

原文章链接 https://blog.csdn.net/yangwenpei116/article/details/90205597

环境准备

1. node安装
2. node版本：v10.15.3
3. node下载地址：https://nodejs.org/zh-cn/
4. vue-cli安装
5. 全局安装vue-cli cmd窗口下输入以下命令，进行初始化vue-cli

      	npm install --global vue-cli
   

创建 vue + element 项目

1. 创建 vue 项目并初始化

2. 选择一个目录，然后在当前目录打开cmd窗口，然后输入以下命令进行项目创建，其中my-project是新建项目的项目名称

   		vue init webpack my-project
   

3. 回车默认操作

4. 安装项目 转到项目名文件夹下，本项目是my-project文件夹下，打开cmd窗口输入 一下命令进行项目初始化

   		npm install 
   

5. 运行项目 初始化完成后再输入命令运行项目

   		npm run dev
   

6. 引入element 项目名文件夹下，本项目是my-project文件夹下，打开cmd窗口输入 执行命令

   		 npm i element-ui -S
   

7. 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)
});