Vue 使用

一.需要的组件

1,需要脚手架要下载node.js

在命令面板里查版本是否安装成功

2.安装淘宝镜像

为了创建项目的时候快一点可以安装中国的镜像网站

npm install -g cnpm --registry=https://registry.npm.taobao.org

3.安装vue-cli

cnpm install -g vue-cli

4.安装webpack

cnpm install webpack -g

5.安装打包的客户端 

cnpm install webpack-cli -g

6.创建项目

创建一个空文件夹vuework2023,切换进去

可能会出现特殊情况

他的意思是让你执行蓝色的这两行代码

npm uninstall vue-cli 卸载

npm install @vue-cli 下载

我这使用的是二版本如果你用的是vue3就用3.x

这就开始创建项目了

创建完成

要是用的话就要

cd myvue3

npm run serve

本地就用: http://localhost:8080/

外部连接就用: http://172.16.3.94:8080/

浏览器访问如下图就是创建成功了

如果想再此创建

可以用刚才的模板

这有之前建立的模板可以直接设置使用

二.使用

找到创建的文件直接使用

启动之后如下图

启动命令:

1.全局配置axios

要下载axios

在控制终端

npm i axios

然后就可以在全局配置里面配置

import axios from "axios";

// 后端项目的时候  http://localhost:8899
// axios设置一个默认的路径
// 创建实例时配置默认值
const instance = axios.create({
  // 访问路径的时候假的一个基础的路径
  baseURL: 'http://localhost:8080/'
});