文章目录

  • 前言
  • 一、后端环境(JAVA)
  • 1. JDK
  • 1.1 下载安装
  • 1.2 环境配置
  • 2. MySQL
  • 2.1 下载安装
  • 2.2 修改密码
  • 3. Maven
  • 3.1 下载安装
  • 3.2 仓库镜像配置
  • 3.3 本地仓库配置
  • 4. Tomcat
  • 4.1 下载安装
  • 4.2 运行
  • 5. Redis
  • 5.1 下载安装
  • 5.2 运行
  • 5.3 注册服务
  • 5.4 设置密码
  • 二、前端环境(VUE)
  • 1. Node.js
  • 1.1 下载安装
  • 1.2 环境配置
  • 1.3 更换淘宝镜像
  • 2. Vue
  • 2.1 vue-cli
  • 三、开发工具
  • 1. IntelliJ IDEA
  • 1.1 下载安装
  • 1.2 使用
  • 2. Navicat
  • 2.1 下载安装
  • 2.2 使用
  • 3. Visual Studio Code
  • 3.1 下载安装
  • 3.2 插件
  • 3.3 配置
  • 四、代码管理
  • 1. Git
  • 1.1 下载安装



前言

电脑重装系统了,记录一下开发所需的环境安装,本次所以程序安装基于Windows10 64位系统。


一、后端环境(JAVA)

1. JDK

1.1 下载安装

使用jdk1.8版本,官方下载地址

vue如何与java后端交互 vue怎么和java对接_java


找到对应版本,这里以win10 64位为例,点击下载会让你登录,注册个账号就行了。下载完成后打开应用程序进行安装。

vue如何与java后端交互 vue怎么和java对接_java_02


这里一直下一步就行了,如不想放在C盘,选择盘符最好不要有中文路径。

vue如何与java后端交互 vue怎么和java对接_vue如何与java后端交互_03

1.2 环境配置

打开Windows设置

vue如何与java后端交互 vue怎么和java对接_mysql_04


点击系统找到找到高级系统设置

vue如何与java后端交互 vue怎么和java对接_mysql_05


点击环境变量

vue如何与java后端交互 vue怎么和java对接_vue如何与java后端交互_06


新建系统变量,变量名JAVA_HOME,变量值为jdk安装路径。

vue如何与java后端交互 vue怎么和java对接_下载安装_07


然后编辑Path

vue如何与java后端交互 vue怎么和java对接_vue如何与java后端交互_08

新建%JAVA_HOME%\bin

vue如何与java后端交互 vue怎么和java对接_mysql_09


然后打开命令输入java -version,出现java版本即配置成功

vue如何与java后端交互 vue怎么和java对接_mysql_10

2. MySQL

2.1 下载安装

使用8.0版本,官方地址

vue如何与java后端交互 vue怎么和java对接_vue如何与java后端交互_11


直接下载即可

vue如何与java后端交互 vue怎么和java对接_vue.js_12


下载完成后解压缩,新建配置文件my.ini

vue如何与java后端交互 vue怎么和java对接_vue.js_13


写入配置

[mysqld]
# 设置3306端口
port=3306
# 设置mysql的安装目录
basedir=D:\helloworld\mysql-8.0.28-winx64
# 设置mysql数据库的数据的存放目录
datadir=D:\helloworld\mysql-8.0.28-winx64\data
# 允许最大连接数
max_connections=200
# 允许连接失败的次数。这是为了防止有人从该主机试图攻击数据库系统
max_connect_errors=10
# 服务端使用的字符集默认为UTF8
character-set-server=utf8
# 创建新表时将使用的默认存储引擎
default-storage-engine=INNODB
# 默认使用“mysql_native_password”插件认证
default_authentication_plugin=mysql_native_password
sql_mode=STRICT_TRANS_TABLES,NO_ZERO_IN_DATE,NO_ZERO_DATE,ERROR_FOR_DIVISION_BY_ZERO,NO_ENGINE_SUBSTITUTION
[mysql]
# 设置mysql客户端默认字符集
default-character-set=utf8
[client]
# 设置mysql客户端连接服务端时默认使用的端口
port=3306
default-character-set=utf8

以管理员身份运行命令行,并进入bin目录,然后执行命令mysqld --initialize --console,等待执行完成,会显示初始密码,第一次登陆时需要用到。

vue如何与java后端交互 vue怎么和java对接_mysql_14


安装服务,名称可自定义

mysqld --install mysql8

vue如何与java后端交互 vue怎么和java对接_vue.js_15


通过任务管理器查看

vue如何与java后端交互 vue怎么和java对接_下载安装_16

2.2 修改密码

启动服务

net start mysql

vue如何与java后端交互 vue怎么和java对接_mysql_17


输入命令mysql -u root -p,然后输入上面你的密码

vue如何与java后端交互 vue怎么和java对接_java_18


登录成功后输入命令ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY '新密码';修改密码

vue如何与java后端交互 vue怎么和java对接_下载安装_19


通过exit;退出命令后再次登录验证新密码

vue如何与java后端交互 vue怎么和java对接_vue如何与java后端交互_20

3. Maven

3.1 下载安装

官方地址

vue如何与java后端交互 vue怎么和java对接_vue.js_21


下载完成解压缩即可

3.2 仓库镜像配置

打开maven安装目录的conf中的settings.xml文件,搜索mirror

vue如何与java后端交互 vue怎么和java对接_vue如何与java后端交互_22


修改为

<mirror>
	<id>alimaven</id>
	<mirrorOf>central</mirrorOf>
	<name>aliyun maven</name>
	<url>http://maven.aliyun.com/nexus/content/groups/public/</url>
</mirror>

3.3 本地仓库配置

搜索localRepository

vue如何与java后端交互 vue怎么和java对接_java_23


可以自定义仓库位置

4. Tomcat

4.1 下载安装

使用8版本 官方地址

vue如何与java后端交互 vue怎么和java对接_java_24


下载完成后解压缩即可

4.2 运行

运行安装目录下bin文件中的startup.bat

vue如何与java后端交互 vue怎么和java对接_mysql_25


浏览器访问http://localhost:8080,出现tomcat即运行成功

vue如何与java后端交互 vue怎么和java对接_下载安装_26

5. Redis

5.1 下载安装

官方地址

vue如何与java后端交互 vue怎么和java对接_mysql_27

5.2 运行

运行redis-server.exe

vue如何与java后端交互 vue怎么和java对接_vue如何与java后端交互_28


再运行redis-cli.exe

vue如何与java后端交互 vue怎么和java对接_java_29

5.3 注册服务

执行命令redis-server.exe --service-install redis.windows.conf,即可在任务管理器中看到

vue如何与java后端交互 vue怎么和java对接_java_30

5.4 设置密码

配置文件有两个

vue如何与java后端交互 vue怎么和java对接_java_31


因为在注册服务是用的是redis.windows.conf文件,所以打开redis.windows.conf文件,搜索requirepass foobared,设置密码,当然两个都可以设置。

vue如何与java后端交互 vue怎么和java对接_vue.js_32


之后我们可以通过任务管理器来启动redis

vue如何与java后端交互 vue怎么和java对接_java_33


双击运行redis-cli.exe,输入命令auth验证密码

vue如何与java后端交互 vue怎么和java对接_java_34

二、前端环境(VUE)

1. Node.js

1.1 下载安装

官方地址

vue如何与java后端交互 vue怎么和java对接_下载安装_35


下载完成后一路下一步即可安装成功。命令行输入node -vnpm -v可以验证是否安装成功。

vue如何与java后端交互 vue怎么和java对接_java_36

1.2 环境配置

安装目录下新建两个文件夹node_global、node_cache,node_global里面再新建一个文件夹node_modules

vue如何与java后端交互 vue怎么和java对接_mysql_37


运行命令npm config set prefix "node_global文件夹路径";npm config set cache "node_cache文件夹路径";

如:

vue如何与java后端交互 vue怎么和java对接_vue如何与java后端交互_38


找到用户变量,需要更改node.js默认的设置,换成node_global的路径。

vue如何与java后端交互 vue怎么和java对接_vue.js_39


新建系统变量NODE_PATH,值为node_global文件的路径,再加一个node_modules

vue如何与java后端交互 vue怎么和java对接_vue.js_40


系统变量path新建%NODE_PATH%和node_global文件夹路径

执行命令npm install express -g进行测试

vue如何与java后端交互 vue怎么和java对接_mysql_41


去node_global\node_modules文件下即可看到express文件

1.3 更换淘宝镜像

npm config set registry https://registry.npm.taobao.org 查看镜像是否更换成功

npm config get registry

vue如何与java后端交互 vue怎么和java对接_vue.js_42

2. Vue

2.1 vue-cli

执行命令npm install -g @vue/cli等待安装,之后执行vue -v验证

vue如何与java后端交互 vue怎么和java对接_vue如何与java后端交互_43


vue如何与java后端交互 vue怎么和java对接_vue如何与java后端交互_44

三、开发工具

1. IntelliJ IDEA

1.1 下载安装

官方地址下载对应版本即可

vue如何与java后端交互 vue怎么和java对接_java_45

1.2 使用

有钱的同学可以去支持一下正版,钱少的也可以去某宝买激活码,也可以使用ja-netfilter进行处理。下载地址 先随便选择一个节点

vue如何与java后端交互 vue怎么和java对接_vue如何与java后端交互_46


跳转网站后点击下载压缩文件

vue如何与java后端交互 vue怎么和java对接_下载安装_47


解压缩到本地后得到

vue如何与java后端交互 vue怎么和java对接_vue.js_48


打开scripts文件夹,运行install-current-user.vbs程序,等待成功提示

vue如何与java后端交互 vue怎么和java对接_下载安装_49


在下载软件的网站复制idea的激活码

vue如何与java后端交互 vue怎么和java对接_java_50


打开idea输入激活码即可

2. Navicat

2.1 下载安装

下载地址

vue如何与java后端交互 vue怎么和java对接_vue.js_51


下载完成运行应用程序安装即可,不要打开程序,先进行破解。

2.2 使用

3. Visual Studio Code

3.1 下载安装

下载地址

vue如何与java后端交互 vue怎么和java对接_下载安装_52


下载完成后直接运行应用程序,除了存放位置可以自己更改外,其他都默认即可,一直下一步完成安装。

3.2 插件

打开vscode进行插件搜索安装

vue如何与java后端交互 vue怎么和java对接_vue如何与java后端交互_53


1.Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code

3.3 配置

四、代码管理

1. Git

1.1 下载安装

下载地址,比较慢,有条件的可以翻墙下载。

vue如何与java后端交互 vue怎么和java对接_java_54


下载后安装一路next就好了。