SpringBoot + Vue 前后端分离简单入门

这篇文章讲讲如何写一个简单的前后端分离的项目。

一.准备工作

① 前端部分
  1. 安装 node.js,可以默认安装以及自定义安装(自行选择),配置系统环境变量。由于新版的nodejs已经集成了npm,所以之前npm也一并安装好了。

node.js 官方下载链接

菜鸟教程安装配置 node.js

安装完毕后,打开 cmd.exe 分别输入下面的命令查看是否安装成功,若出现版本号则安装成功!

node -v
npm -v

SpringBoot + Vue 前后端分离简单入门

  1. 安装 vue 脚手架工具

首先安装npm的淘宝镜像(可选,下载速度比较快,推荐下载)

输入以下的命令

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

输入cnpm -v ,不报错即安装成功!

SpringBoot + Vue 前后端分离简单入门

注意:出现cnpm 是不是内部或者外部命令,不要着急,配置电脑环境变量将 node.js 安装路径中 x:../xxx/node_global 文件夹路径复制到 path 中即可

接着安装 vue 脚手架工具:

cnpm i -g vue-cli

cmd.exe 测试是否安装成功:

vue -V

② 后端部分
上一篇:在终端运行命令创建vue项目


下一篇:MYSQL 最近知识总结(2)