vue+elementui+springboot模块开发(一、环境搭建和项目准备)

环境搭建
1.jdk 安装
jdk8
安装java jdk 和三个环境变量的配置
注意别把原有的环境变量改没了。
2.安装idea开发工具破解，见群内文档
3.vue环境安装、搭建node.js环境
node.js的官方地址为： https://nodejs.org/en/download/， 查找12.14.0版本，别用太高的版本,否则会报python找不到或者nass之类的错误。

测试是否安装成功：要使用管理员方式打开命令行cmd
输入npm -v 就会显示npm版本信息
安装npm的国内镜像----cnpm，在命令行中输入npm install -g cnpm --registry=http://registry.npm.taobao.org，安装完成之后，我们就可以用cnpm代替npm来安装。
4.启动后端项目：idea导入后端项目element-api，等待几分钟，依赖下载好之后，点击如图按钮

启动报错：找到错误地点
Map<String, Object> result = new HashMap <>();
改成Map<String, Object> result = new HashMap ();即可

5.启动前端项目：idea导入前端项目element-demo（点击到文件夹即可）
打开cmd，进入到前台项目所在的文件夹
比如E:\RainngCourse-master\RainngCourseFE
运行以下指令：
安装（仅一次,报错则删掉模块，再次install）： 1.cnpm install 2.cnpm install --save axios
启动：cnpm run dev

访问 http://localhost:8080/ 即可 账号root 密码root
node.js版本出错：Module build failed Error Node Sass does not yet support your current environment OS X 64-bit with Unsupported runtime 59
BUG:Could not install from “element-ui\lib\theme-default\index.css” as it does not contain a package.json file.
然后仔细检查了引入的路径，发现教程上是import 'element-ui/lib/theme-default/index.css’这样引用文件，但是最新版本的elementui的这个文件夹改名了。。。。。然后仔细检查了引入的路径，发现教程上是import 'element-ui/lib/theme-default/index.css’这样引用文件，但是最新版本的elementui的这个文件夹改名了。。。。。
This relative module was not found:

• …/…/api in ./node_modules/_babel-loader@7.1.2@babel-loader/lib!./node_modules/_vue-loader@14.2.4@vue-loader/lib/selector.js?type=script&index=0!./src/views/znjs/znyhsj.vue

• • …/…/api 找不到,新建index依赖加入

• 

6.在任意一个页面内写自己的模块内容，后续内容参考教程二