一. 前言
项目初始化
二.项目初始化步骤
- 安装 Vue 脚手架 (只需安装一次)
- 通过 Vue 脚手架创建项目
- 配置 Vue 路由
- 配置 Element-UI 组件库
- 配置 axios 库
- 初始化 git 远程仓库
- 将本地项目托管到Github或码云中
安装Vue 脚手架
- 下载并配置node.js,下载vue3.0
- 输入以下指令安装cli
npm install -g @vue/cli
如果速度慢,先下载cnpm,
npm install -g cnpm --registry=http://registry.npm.taobao.org
cnpm安装
cnpm install -g @vue/cli
- 进入vue ui
vue ui
通过vue脚手架创建项目
预设:手动
功能面板:
- Babel
- Router
- Linter/Formatter
- 使用配置文件
配置面板:
ESLint+Standard config
Lint on save
安装相关插件(配置 Element-UI 组件库)
进入项目仪表盘,然后点击插件,点击“添加插件”,输入以下内容
vue-cli-plugin-element
安装新的依赖(配置 axios 库)
返回之前的界面,我们选择依赖,然后输入axios,注意我们这里选的是运行依赖