搭建通用开发环境
项目类型
后台开发环境
一、下载开发工具
系统位数
我的电脑 ➡鼠标右键 ➡属性
注意
32位系统不可以安装64位软件、64位系统可以兼容安装32位软件。
部分软件自动识别32位和64位。
最好统一安装相同位数的工具软件
不要安装到包含中文路径目录下
系统用户名（中文） - 导致环境安装无法正常工作 - 新建英文系统用户名
网盘下载
链接：https://pan.baidu.com/s/1Gpyd4ialv4hIqwH-Kgobrw
提取码：3qwc
二、工具安装及设置
2.1 安装Java JDK
安装JDK完成后设置环境变量：我的电脑—>属性—>高级系统设置—>高级—>环境变量—>系统变量
注意：根据安装路径C:Program FilesJavajdk1.8.0_241 设置 JAVA_HOME 环境变量。
注意：
不要设置在用户变量
变量名与变量值不要包含空格和中文符号
编辑变量值尽量增加在最前面以分号结束，放在最后面有可能导致变量无法生效
有些时候需要重启系统,环境变量才生效
MySQL、Maven、IDEA、Eclipse等等开发工具需要先安装Java JDK才可以正常安装使用
如果环境变量还是无法生效请重新设置一遍。
检验：
运行/搜索—>cmd—>java -version
注意：见到版本信息即配置成功？
不一定，例如看到版本信息，但是依赖jdk环境的tomcat服务启动时发生闪退，这也是JDK环境变量没有设置好导致的。
2.2 Maven安装
尽量解压Maven到非系统盘[避免重装系统导致重新下载所有的依赖包 ] (—_—!!!）。
设置环境变量：我的电脑—>属性—>高级系统设置—>高级—>环境变量—>系统变量
假设Maven安装路径 E:softapache-maven-3.6.3
检验：运行—>cmd—>mvn -v
见版本信息即成功
Maven配置
（例如安装路径位为：E:softapache-maven-3.6.3confsettings.xml）
<localRepository>${env.MAVEN_HOME}/repository</localRepository>
<mirrors> <mirror> <id>alimaven</id> <name>aliyun maven</name> <url>http://maven.aliyun.com/nexus/content/groups/public/</url> <mirrorOf>central</mirrorOf> </mirror> </mirrors>
<profile> <id>jdk-1.8</id> <activation> <activeByDefault>true</activeBysDefault> <jdk>1.8</jdk> </activation> <properties> <maven.compiler.source>1.8</maven.compiler.source> <maven.compiler.target>1.8</maven.compiler.target> <maven.compiler.compilerVersion>1.8</maven.compiler.compilerVersion> </properties> </profile>
后续还需要在开发工具Eclipse或IDEA中配置Maven。
2.3 IntelliJ IDEA 安装和设置
-
安装请看官方文档或者搜索某度即可
IntelliJ IDEA 常用设置
Platform Settings SDKs设置
Project 和 Modules SDK设置(可选)
注意：需要新建项目和Modules以后设置。
IntelliJ IDEA JAVA 编译设置(可选)
注意：需要新建项目和Modules以后设置。
IntelliJ IDEA Maven设置
IntelliJ IDEA 安装Spring Assistant插件
安装Spring Assistant插件为IDEA新建项目的时候增加spring initializr选项，用于创建spring boot项目：
2.4 Git安装
相对简单，此处省略。
2.5 有可能遇到的问题：
IDEA 解决代码提示功能消失
解决方案（目前共有三种情况）：
情况一 勾选了"power save mode"（省电模式）。在省电模式下，就没有代码提示了。解决方法是，关闭省电模式，重启intellij idea。
情况二 缓存问题。解决方法是，删除缓存 file -> invalidate caches，根据提示重启intellij idea。
情况三 配色问题。解决方法是，切换到其他配色，比如内置配色darchla。
IDEA pom文件自动提示失效
数据库开发环境
一、MySQL安装
1.1 下载 MySQL
1.下载社区版：MySQL Community Downloads
2.选择系统、版本、在线完整安装包进行下载，跳转后不需要登陆，直接选择No thanks, just start my download.立即开始下载。
-
MySQL官方文档
1.2 安装 MySQL
1.选择安装类型
2.自动检测按照需要的环境
3.同意在线安装依赖的环境
4.安装列表-点击Execute进行按照
5.安装进行中...
6.安装完成后进行下一步 Next...
7.安装完成后进行产品配置 Next...
8.产品配置 独立的MySQL Server和InnonDB集群
9.设置网络类型（TCP/IP、Port等）
10.配置类型（研发计算机、服务器计算机、专用计算机）
11.设置root管理员账号密码（开发调试可以设置简单密码，部署一定要设置复杂密码）
12.Windows服务配置
13.查看Windows服务(启动、停止、暂停、恢复)
我的电脑 -> 管理 -> 服务和应用程序 -> 服务 -> MySQL80
14.应用配置-Execute
15.应用配置-Finish
16.链接服务端测试(输入密码点击Check进行链接测试)
17.安装完成
18.安装完成后的MySQL软件列表
二、redis、mongodb安装
安装比较简单，此处省略，后续项目中展示。
前端开发环境
一、下载开发工具
注意:64位系统可以安装64位和32位的程序，32位系统只可以安装32位的程序。建议64位系统安装统一的环境。
注意:有些工具安装后会自动配置环境变量，但是必须重启系统才生效。
二、安装及配置
1. 安装 Node.js
1.1 安装成功后检验
开始菜单 ➡ 运行 ➡ 输入“cmd” ➡ 命令提示符窗口➡ 输入：
$ node --version
运行结果：
出现版本号证明安装环境成功。
注意：Node.js安装完成后将自动增加路径系统PATH环境变量，如果没有需要手动添加。
环境变量的配置有时候需要重启系统才会生效!
1.2 使用淘宝NPM镜像CNPM
Node.js安装完后后自带npm，国内直接使用 npm 的官方镜像是非常慢的。
所以推荐使用淘宝NPM官网定制的cnpm命令行工具代替默认的 npm:开始菜单 ➡ 运行 ➡ 输入cmd ➡命令提示符窗口➡ 输入：
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
运行结果：
这样就可以使用 cnpm 命令来安装模块了：
$ cnpm install [name]
2.安装 Yarn
2.1 安装成功检验
注意：Node.js安装完成后再安装yarn，并且yarn安装完成后需要重启系统，命令才会生效。
命令提示符窗口➡ 输入：
$ yarn --version
运行结果：
2.2 VSCode使用cnpm/yarn报错
在vscode中使用cnpm/yarn报错："因为在此系统上禁止运行脚本。"原因是因为PowerShell执行策略问题。
解决方法：
以管理员身份运行VSCode;
命令提示符窗口➡ 输入：
$ get-ExecutionPolicy
显示Restricted，表示禁止状态;
启用:
$ set-ExecutionPolicy RemoteSigned $ get-ExecutionPolicy
显示RemoteSigned，表示启用状态;
运行结果：
3.安装 Google Chrome
安装比较简单，此处省略。
4.安装 vue-devtools
在使用 Vue 时， Vue Devtools允许你在一个更友好的界面中审查和调试 Vue 应用。在开发环境下不要使用vue.js的 生产版本（即压缩版本，删除了警告），只有开发版本包含警告和调试模式。
官方提供在线安装和手动安装两种安装方式：
4.1 在线安装
打开Chrome浏览器，地址栏输入chrome://extensions进入扩展程序页面 ，并开启开发者模式
下载谷歌访问助手，解压后到 扩展程序页面➡加载已解压的扩展程序。
进入chrome 网上应用店并搜索vue devtools，注意提供方为官方网址。找到对应插件后 添加到Chrome
-
点击添加扩展程序
克隆此仓库，并解压到非中文路径下。
-
cmd命令行窗口进入解压路径，并执行yarn install安装依赖
例如解压路径为 E:�ue-devtools-dev ，则：
命令提示符窗口➡ 输入：
$ cd /d E:�ue-devtools-dev $ yarn install
运行结果：
-
执行yarn run build编译插件
-
打开Chrome浏览器，地址栏输入chrome://extensions进入扩展程序页面
开启“开发者模式”
-
点击“加载解压后的扩展程序”，然后选择E:�ue-devtools-devpackagesshell-chrome。
或者直接把shell-chrome文件夹拖进扩展程序页面。注意：安装成功后请不要删除该文件。
注意版本问题：推荐5.3.3，6.0.0还不稳定。
4.2 手动安装
仅当您希望自己从源代码构建扩展以获取尚未发布的功能时，才需要这样做。
确保您已经安装Node.js和Yarn，并重启动系统。
4.3 安装成功
1.新建一个html文档，在网页文档中引入vue.js开发版本
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
2.开发版本会点亮地址栏旁Vue图标,按F12查看Vue调试模式界面（一般在最后面可拖拽到前面）：
5.安装 Visual Studio Code、Typora
安装比较简单，此处省略。
想要毕设项目源码+文档+PPT+指导手册的同学找Jessica老师（wx:sxbang6v6)咨询。
PS：最后感谢粉丝们的支持，如果觉得分享还不错的话，欢迎大家随手点赞、分享。
