vue 使用 element ui整体布局 vue3 element ui

1、安装模板

1.1、vue-cli3模板安装

a 普通安装:npm install -g @vue/cli

b 淘宝镜像安装：cnpm install -g @vue/cli

我这里使用的是普通安装：npm install -g @vue/cli

1、首先打开命令窗口（window图标+R  输入cmd 弹出命令窗口）

2、通过输入（磁盘名称:） 进入其他磁盘目录

3、通过输入cd + 文件夹名称   进入该文件

4、在命令窗口下输入npm install -g @vue/cli 进行安装模板

如下图：需要在某一个文件夹下进行模板的安装，等待安装的完成即可进行项目的创建

1.2、使用图形界面来创建项目

a 使用命令vue ui 通过操作图形界面来创建项目(这个一般都不会使用这个来创建项目的)

1.3、使用命令行来创建项目

1.3.1、创建项目

1、在安装模板的当前目录里通过输入命令 vue + create + 项目名称（必须全部小写）创建好了项目就会出现如下图一样的界面

2、如图中一样，使用方向键来选择，选中Manaually select features 选项，使用回车来确定选择，会出现如下图界面

3、将圈中的全部选中，点击回车出现如下界面

4、输入Y，然后点击回车，出现如下界面

5、如上图中选中当前选项，点击回车出现如下图

6、如上图中选中当前选项，点击回车出现如下图

7、如上图中选中当前选项，点击回车出现如下图

8、如上图中选中当前选项，点击回车出现如下图

 8、如上图中选中当前选项，点击回车之后就开始创建项目了，当出现如下图中圈中的内容时，证明当前项目已经创建成功了

 9、然后通过使用cd + 项目名称  进入项目

10、通过使用npm run serve 来启动运行项目，如果出现了如下图界面，证明项目启动成功

11、输入npm run build 打包项目

12、到此一个vue-cli3项目就创建完成了

1.3.1、引入其他第三方的框架

 1、element-ui(UI框架：https://element.eleme.cn/#/zh-CN)：npm i element-ui -S

 2、axios（网络请求框架:http://www.axios-js.com/）：npm i axios -S

 3、echarts（图表框架：https://echarts.apache.org/zh/index.html）：npm i echarts -S

还有一篇关于element-ui样式修改的：

一篇关关于vue-cli3的eslint语法检验问题：

后续...