Vs Code创建、使用element、使用axios

一、创建Vs Code

  1. windows+r弹出运行命令的快捷按键
  2. 然后在运行对话框中输入cmd后点确定即运行“命令提示符”窗口。
  3. 在窗口输入 vue ui 会打开一个网页进入项目仪表盘
  4. 点左下角三个点=》Vue项目管理器=》创建(选好位置)=》在此创建新项目=》输入项目名=》取消初始化git仓库=》点击默认=》点击创建项目

二、使用element

  • 打开Vs Code=》左上角文件=》打开文件夹=》打开创建好的文件夹=》router=》index.js文件中配置路由=》终端=》新终端=》Element官网找到安装=》
  • 找到npm安装,复制到终端中运行=》在main.js中引用Element官网中快速上手=》引入Element中的两个引用=》连接成功
安装:npm i element-ui -S
快速上手:import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI);

三、使用axios

  1. 通过npm install axios -S 命令安装 axios 的相关依赖

  2. 打开main.js 通过 import axios from 'axios' 引入

  3. 通过 Vue.prototype.$axios = axios; 挂载到 VUE的原型链上 (全局使用)

  4. 使用方法:任何页面使用是 this.$axios.get 或 post

 

posted @ 2021-09-08 18:05  疾风回荡寻真途  阅读(464)  评论(0)    收藏  举报