全网最全开发环境安装
开发环境安装
JDK安装
1.官网下载JDK之后，双击安装一路下一步，选择安装路径
配置环境变量
2、在弹出的“系统属性”窗口中“高级”标签页下点击“环境变量”按钮。
3、在弹出的“环境变量”窗口中，点击下方的“新建”按钮，在弹出的“新建系统变量”窗口中，新建一个名为“JAVA_HOME”的环境变量，变量值为Java的安装路径，本人为：D:\project\tool\Java\jdk_9.0.1。如图所示：
4、设置Path环境变量，该变量已经存在，所以在列表中选择Path，点击下方的“编辑”按钮，在弹出的窗口中添加如下信息：%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin，然后点击“确认”按钮即可。如图所示：
5、和JAVA_HOME一样，新建一个名为“classpath”的环境变量，变量值为：%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar。如图所示：
6、在配置好环境变量后，可以进入cmd中检查Java是否安装正确，检查的命令为 java -version，如图所示：
如果能正确的输出Java的版本和JVM版本信息，则说明Java安装正确。
IDEA安装
安装注意事项
本文是IDEA-2019.2-开源版在Windows系统作为示例。
安装时，如果一路Next，那么默认是不会在桌面创建快捷方式，可以在第三步的时候，按照下图示例操作
初始化设置IDEA
但是初次使用或者没有保存设置的大多要重新设置。
使用默认配置
如果想要偷懒可以选择直接关掉配置窗口或者点击跳过配置按钮，如下图所示。这样就会直接使用默认配置了。
配置IDEA
不过IDEA的默认配置会引入大量的插件，不建议大家直接使用，下面将会向大家怎么配置自己的IDEA。
1.选择UI主题，在IDEA中提供了两种UI主题：
2.设置默认插件，这一步需要根据自己的情况选择禁止一些用不上的组件
配置版本控制工具，我选择是只使用git、svn和github，大家可以根据自己的使用习惯选择版本控制工具
配置测试工具，根据需要选择
配置Swing，如果不是开发Swing项目，建议关闭（默认开启），关闭状态如下图所示
配置Android，同Swing配置，非安卓开发者建议关闭
配置其他工具，这个一般我不会进行修改
点击下一步安装插件，全部安装
接下来就是激活了
Tomcat的安装与配置
Tomcat安装
登录官网下载，将压缩包解压即可
验证是否安装成功
启动tomcat:双击bin目录下startup.bat，浏览器地址栏输入http://localhost:8080
进入tomcat页面表示安装成功。
配置编码格式
服务器/conf目录/server.xml文件
将相关语句改为：
<Connector port="8008" protocol="HTTP/1.1"
connectionTimeout="20000"
redirectPort="8443" URIEncoding="UTF-8"/>
之前的语句没有URIEncoding="UTF-8"这一句
IDEA配置Tomcat
Maven安装与配置
1.官网下载之后进行解压，解压之后进行环境配置
配置环境变量
然后win+R 运行cmd 输入 mvn -version，如图所示则配置成功
IDEA配置Maven
在Maven的安装路径下创建文件夹respository,用来作为本地仓库
Mysql安装
官网下载mysql，此处是安装5.7版本：https://downloads.mysql.com/archives/installer/
双击安装包：
2.进入安装
展开目录，选择相应的安装程序，我的电脑64位的，这里我选择 X64，选中后点击指向右的箭头，单击
点击 Advanced Options 进入高级设置，按自身需求更改，默认是C盘，我改到了D盘，修改完点击OK，然后Next
等待安装，安装结束点击 Close，然后Next
点击Execute，完成之后Next
Config Type根据自身需求更改，我这里默认不做修改
设置密码，完成继续next
按照个人需求是否开启开机自启，然后Next，我是取消勾选开机自启（即不开机自动启动）
添加环境变量
测试
cmd打开命令提示符
nodejs下载安装及配置环境
下载
下载地址: https://nodejs.org/en/download/
安装
下载完之后，双击打开
测试
安装完之后cmd进入终端：
出现版本号，说明安装成功
配置环境变量
NodeJS和NPM安装好了以后并不能直接使用，默认情况下，NPM安装的模块并不会安装到NodeJS的程序目录，比如我们安装的时候设置的D盘，“D:\Program Files\nodejs”，而我们使用npm安装一个cluster模块他会出现在C盘默认的路径下面，所以，如果我们不修改npm的模块安装目录，那么它默认情况下都会安装到这里，随着你测试开发各种不同的项目，安装的模块越来越多，这个文件夹的体积就会越来越大，直到占满你的C盘。所以我们要修改npm的配置。
1.在nodejs文件夹下，创建两个为文件夹： node_global;node_cecal，这是用来放安装过程的缓存文件以及最终的模块配置位置
2.使用下面命令将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录
npm config set prefix “node_global文件的路径”
npm config set cache “node_cacal的文件路径”
例如：npm config set prefix “D:\Program Files\nodejs\node_global”
在CMD窗口执行以下两条命令：
npm config set prefix “C:\node\node_global”
npm config set cache “C:\node\node_cacal”
我们再次下载一个全局包，执行命令npm install -g vue，可以发现，下载的全局包vue已经放在了我们设置的目录中(注意：要以管理员的身份运行)
3.修改用户变量path为：C:\node\node_global（一般在系统变量设置）
4.高级系统设置——环境变量
新增系统变量：
变量名填：NODE_PATH
变量值填：（文件路径）
还需要在Path变量名中修改nodejs文件默认路径
修改完成后测试：
输入命令：node 回车——再输入 require(‘cluster’)
出现以上内容说明配置完成
注意
如果在执行npm install 非常缓慢的时候，可以试着更换镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
之后的npm命令全换成cnpm执行 **cnpm install，**这时候就比较快一些安装依赖文件使用了npm install -g @vue/cli安装,但是npm实在太慢,半小时过去都还在安装,这也行不通换了cnpm i -g @vue/cli命令再次安装,安装成功后输入vue --version查看,版本终于出现了
谷歌浏览器添加vue扩展程序
下载
GitHub上下载vue插件 : https://github.com/vuejs/vue-devtools/tree/v5.1.1，下载好后解压，进入该目录命令窗口执行cnpm install，安装完后再执行cnpm run build
安装
修改manifet.json中persistent的值为true
打开谷歌浏览器扩展程序chrome://extensions/，把shells文件夹下的chrome文件夹拖入到该扩展区域，就可以成功安装啦！
Git安装
服务端
地址： htxtps://www.git-scm.com/download
快速下载: https://npm.taobao.org/mirrors/git-for-windows/
选择安装目录
安装配置窗口，包括git命令行、git图形窗口等
选择菜单开始文件
选择默认的git编辑器，推荐vim
选择既可以使用git bash操作，也可以使用windos命令行操作
默认选择使用HTTPS传输后台
选择换行符，选择默认unix格式，若检测到windos格式换行符则自动转换为unix格式
选择配置默认终端
选择git pull的风格，推荐默认选项
选择凭据管理，推荐默认选项
配置额外的选项，选择文件缓存
新功能，不推荐选择
安装成功
任意文件夹，鼠标右键显示
Git GUI ：图形界面工具
Git Bash：命令行工具
TortoiseGit
去官网https://tortoisegit.org/download/下载TortoiseGit安装包，根据电脑位数选择合适的安装包
Svn安装
服务端
服务端：https://www.visualsvn.com/server/download/
TortoiseSVN
客户端：https://tortoisesvn.net/downloads.html
推荐勾选 command line client tools(命令行客户端工具)，这样安装后 bin 目录下才会有 svn.exe，IDEA 配置 svn 需要 svn.exe
测试
Idea配置svn和git
Svn
安装成功后，需要在IDEA中配置下，file - setting 按钮打开设置界面 或者（Ctrl + Alt + S）快捷键，选择TortoiseSVN安装路径下的bin/svn.exe,如果没有安装command line client tools，是找不到该文件路径的：
Git
感谢观看，点个关注吧！！！
持续更新中，敬请期待！！！
6万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
