vue整理笔记（三）

前言

这次我们就来讲讲如何方便的使用插件

一.插件的安装

1.一般的插件安装都是使用命令的方式进行安装这里我简单的总结了一些常用的插件命令

JQuery的安装

npm install jquery --save-dev//这个是写在终端的命令

在main.js中添加
import $ from 'jquery' 

axios安装

npm install axios --save-dev //这个是写在终端的命令

在main.js中添加配置
import axios from 'axios'   
Vue.prototype.$axios = axios
 

ElementUI安装

npm i element-ui -S//这个是写在终端的命令

在main.js中添加
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);
 

二.vue ui  命令安装插件

1.在项目终端中输入

vue    ui

2.当输入 vue ui命令时会打开一个UI界面

当左上角第一个红框项目文件是你所想使用的项目，可以直接点击第2个框  插件

如果第一框的文件不是你想使用的文件，嘿看下面，我写了，我们还是先了解这个

 

 比如在这个地方搜索了element ui点击下面搜索的插件安装

 安装好后就可以在目录中看到你的插件信息，如vue_router安装好后在项目中会给我们自动引入当前文件

 好到这里其实已经算是完成插件的安装  在里回归之前讲到如果直接跳转到下面的那种界面是咋回事，其实这个和上面是一体的，嘿。

也可能会直接弹出这个界面    这个界面是要求你导入项目的，如果你是在项目终端中输入命令的

会直接导入那个文件 如果不是就会是一下情况需要你手动导入

废话不多少直接上图文解释

 

导入成功后在项目中会显示你的导入项目路径点击进入

 点文件后会跳转到

 这之后的操作就和前的一样了，嘿！