1 Vue项目初始化步骤

  • 安装 Vue 脚手架
  • 通过 Vue 脚手架创建项目
  • 配置 Vue 路由
  • 配置 Element-UI 组件库
  • 配置 axios 库
  • 初始化 git 远程仓库
  • 将本地项目托管到 Github 或 码云 中

1.1 安装Vue脚手架

命令行输入:npm install -g @vue/cli

1.2 创建项目

命令行输入:vue ui

在浏览器弹出可视化面板,选择Vue项目管理器
image.png

点击创建项目
image.png

image.png

image.png

image.png

image.png

1.3 配置 Element-UI 组件库

image.png

插件:vue-cli-plugin-element
image.png

image.png

1.4 配置 axios 库

image.png

image.png

1.5 初始化 git 远程仓库

这里以码云为例
码云地址:地址

点击头像处的设置
image.png

选择SSH公钥
image.png

image.png

image.png

image.png

这里有详细的教程
image.png

配置完后下一步要创建仓库

image.png

image.png

image.png


Emrof
31 声望6 粉丝