涉及技术内容:vue、SpringBoot、leaflet、Linux、MySQL
只列出几个大头技术,其他技术如html、js、mybatis。。。。等就不一一说明了
本期主要内容:环境搭建和跑通一个示例
提示:看完本片文章,基本上你就已经完成了80%,本章内容繁琐,主要是需要配置很多的环境和安装很多的软件。
目录
需要的工具
jdk、maven、idea、vsCode、MySQL、nodejs、Linux服务器(可以没有只学开发就行)、其他的暂时没想起来
前端环境
1.安装nodejs
2.安装vsCode
链接:https://pan.baidu.com/s/1ayFK-N36x0cH5CR27EcLWg
提取码:621d
3.创建vue项目并整相关环境
创建一个文件夹,在该文件夹中整环境和下载项目调出cmd(红框框内输入cmd)
在cmd中输入以下命令
npm install -g vue-cli (安装脚手架)
vue init webpack demo (下载成品的新项目模板,demo就是你的项目名)
关闭vue自带的代码规则校验(不关也行,不影响项目,就是开发的时候可能会有点难受)
在.eslintrc.js文件中添加一句 “no-unused-vars”: ‘off’ 注意添加的位置
然后在你的终端输入一下命令启动项目
npm run dev (在demo文件夹下使用该cmd命令)
这就是启动成功了,网址就是你vue的访问网址
修改vue端口号(建议将端口号改为18080,反正不要使用默认的8080都行,非强制,可不改)
以上就是前端环境整完了
后台项目搭建
idea安装(这个请到网上找)
maven安装(请网上找,可不安装,但是强烈建议安装)
创建项目
该处我遇到一个问题就是默认的 Default 选项选了之后,next会报错,所以我就选了 Custom
https://start.aliyun.com(这是值)
创建好了后,将idea默认的maven调整成我们刚刚安装的maven(可以不换,但是强烈建议换)记得apply,然后ok
这时请不要动,你的idea右下角应该有一个进度条,等它加载完(首次加载时间会很长,属于正常现象;如果没有换成自己安装的maven且没有配置阿里库那么时间会长的难以想象。本人以前最高纪录是加载了六个小时)该加载主要是下载jar包,不能动。
关闭Spring Security前期用不到这个还碍事。