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 @   疾风回荡寻真途  阅读(433)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
· 如何调用 DeepSeek 的自然语言处理 API 接口并集成到在线客服系统
点击右上角即可分享
微信分享提示