旅游设计专业网站,洛阳做网站推广,商城网上购物,抖音代运营排名1. 关于版本的控制
vue/cli 5.0.8vscode 最新下载版本 2. 创建vuecli项目 若没有安装vuecli则可以先安装
npm install -g vue/cli # 默认下载最新版本。vue --version
vue -V # 查看版本#xff0c;两个选一
使用vuecli来创建一个新的vue项目#xff0c;vs code打开…
1. 关于版本的控制
vue/cli 5.0.8vscode 最新下载版本 2. 创建vuecli项目 若没有安装vuecli则可以先安装
npm install -g vue/cli # 默认下载最新版本。vue --version
vue -V # 查看版本两个选一
使用vuecli来创建一个新的vue项目vs code打开终端并且输入ctrl j vue create competition # 创建cli项目选择vue3并且进行正常创建。
这里vscode终端控制台老是卡顿所以采用cmd的形式 等待完成 然后cd到competition中去 得到以下入口 ├── node_modules/ # 项目依赖
├── public/ # 静态文件包含 index.html
├── src/ # 源代码
│ ├── assets/ # 静态资源如图片、样式等
│ ├── components/ # Vue 组件
│ ├── views/ # 页面视图
│ ├── App.vue # 根组件
│ └── main.js # 项目的入口文件
├── package.json # 项目配置文件包含依赖和脚本
└── .gitignore # Git 忽略文件 2.1 安装axios
找到项目目录下并且执行 npm install axios 是script中引入axios
import axios from axios;
然后开始通过异步的方式进行请求以提高加载速度。(特殊情况若加载高于请求速度则需要尽可能更改钩子函数或者同步加载 启动服务。
在控制台输入npm run serve等待build完成之后自行启动。 此时并没有地方访问组件我们需要在App.vue中引入我们的组件并且进行访问。
