【自研项目】第二节，搭建基础项目

一、搭建Vue项目

在第一节时安装完环境后，就可以进行搭建vue基本项目了，本次准备搭建的是vue2.0项目

win+R打开dom窗口

node -v  复核node.js，确认安装成功

1.安装vue环境

cnpm install -g @vue/cli-init   （安装国内淘宝镜像用cnpm，否则用npm）

查询安装vue版本  vue --version

 2.创建vue2项目

vue init webpack msp_web

 【1. vue create 是vue-cli3的初始化方式，目前模板是固定的，模板选项可自由配置，创建出来的是vue-cli3的项目。使用方式：vue create 项目名称

2. vue init  是vue-cli2.x的初始化方式，可以使用github上面的一些模板来初始化项目，webpack是官方推荐的标准模板名。使用方式：vue init webpack 项目名称】

二、搭建Spring项目

1.新建spring项目

如下图所示选择需要的依赖

点击create，创建项目............................................

等待依赖下载结束..................................................

之后可能会报错，如果没报错，跳过此步骤

2.修改pom.xml文件

 修改完后，重新刷新maven

3.添加数据库配置信息

打开application.properties

 【在本地创建一个数据库名为msp】

启动项目，项目就可以正常运行了