vue和vue-element-admin开发

1 安装环境

1.1 安装nodejs

下载地址 https://nodejs.org/en/， nodejs比较容易安装，下载后按安装步骤安装。

查看版本： node --version

1.2 安装 Vue CLI

1.2.1 安装

Vue CLI 是Vue.js 开发的标准工具。地址为 https://cli.vuejs.org/zh/

在命令行输入命名:

npm install -g @vue/cli

1.2.2 创建项目

在命令行上执行 vue ui，使用系统的默认浏览器打开了 http://localhost:8000/project/select 地址

vue ui

1.3 vs code 打开新建项目

1.3.1 安装插件

在扩展在搜索 vetur ，点击安装。

1.3.2 启动服务

选择 serve, 点击执行。

1.4 安装git

git的下载地址 https://git-scm.com/，按安装步骤安装即可。

2 安装 vue-element-admin

地址为 https://github.com/PanJiaChen/vue-element-admin

# clone the project
git clone https://github.com/PanJiaChen/vue-element-admin.git

# enter the project directory
cd vue-element-admin

# install dependency
npm install

# develop
npm run dev

3 与spring boot集成

编写一个 ant文件，把vue项目的 dist 复制到 spring boot项目中的static目录下