如何建立开发环境（开发环境整理）

变量名：JAVA_HOME ，变量值：C:\Program Files\Java\jdk1.8.0_171(这里填你自己选择的安装路径)，我来为大家科普一下关于如何建立开发环境?下面希望有你要的答案，我们一起来看看吧!

如何建立开发环境

1、JDK1.8

环境变量配置

变量名：JAVA_HOME ，变量值：C:\Program Files\Java\jdk1.8.0_171(这里填你自己选择的安装路径！！！)

变量名：CLASSPATH , 变量值： .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar（注意最前面有一点）。

配置系统环境变量Path 双击Path-->新建-->添加“%JAVA_HOME%\bin”-->将这一行变量上移到最顶端-->完成

2、navicat破解版

链接：https:///s/1TAAWObIqxHjVzxdE3D66lQ 提取码：8drs

3、Xhell&Xftp破解版

链接：https:///s/1omBtBs-RxmVIcX0AmEdMWw 提取码：ikwv

4、IDEA2019破解版

链接：https:///s/1tObVs9gn4NNAEVjh29cT1Q 提取码：x89j

5、VS code

https://code.visualstudio.com/Download

微软提供的前端开发工具，我用来代替notpad ,对文件格式化支持比较好

插件安装：

auto close tag自动关闭标签，在开始标记的结束括号中键入后，将自动插入结束标记
Auto Comment Blocks自动插入注释行
Auto Rename Tag自动重命名配对的HTML / XML标记
Auto Complete Tag结合了自动关闭标签与同时修改同步标签
Beautify美化代码参考资料
Code Runner可以直接运行多种语言的代码片段和文件
Code Spell Checker代码拼写检查工具
Drat支持 Dart编程语言，并提供有效编辑，重构，运行和重新加载Flutter 移动应用程序和AngularDartWeb应用程序的工具。
Debugger for Chrome从VS Code调试在Google Chrome中运行的JavaScript代码。
EditorConfig for VS Code

EditorConfig帮助开发人员定义和维护一致的编码风格在不同的编辑器和IDE。 EditorConfig项目包含一个文件格式定义编码风格和文本编辑器插件的集合。 EditorConfig文件易于阅读并且他们与版本控制器很好地合作。

ESLint

代码检查工具

filesize

实时查看当前文件的大小

Flutter

Flutter移动应用程序的支持，以及对Dart编程语言的支持。

Git History

查看git历史与log，搜索等（包括git log）

GitLens — Git supercharged

GitLens只是帮助您更好地理解代码。快速浏览一下，为什么以及何时更改了行或代码块。跳过历史记录，以获得有关代码演变的方式和原因的进一步见解

IntelliSense for css class names in HTML

CSS 类名智能提示，可以在html与css中进行智能提示

HTMLHint

HTML 静态检查规则

Image preview

在左侧可以预览图片和悬停中显示图片

Import Cost

在VS代码编辑器中导入的程序包的大小

JavaScript (ES6) code snippets

ES6的代码片段

JavaScript Snippet Pack

JS代码片段补全

language-stylus

Stylus文件添加语法高亮

stylelint

格式化css代码配置参考https://stylelint.io/user-guide/configuration/

minapp

微信小程序标签、属性的智能补全（同时支持原生小程序、mpvue 和 wepy 框架，并提供 snippets）

Node.js Modules Intellisense

在import语句中自动完成Node.js模块

Open in Browser

在vscode中打开浏览器访问

Path Intellisense

自动路径补全

Prettier - Code formatter

格式化代码

Pug (Jade) snippets

pug语法提示

Scss

缩进Sass语法高亮

TypeScript Importer

自动搜索工作空间文件中的TypeScript定义，并将所有已知符号作为完成项提供，以允许代码完成。

Vetur

代码格式化

vscode-element-helper

用element的就知道它的好，支持element代码自动补全

vscode-icons

在vscode显示文件图标

vue 2 Snippets

vue 代码提示

Vue/Vuex TypeScript Snippets

支持typescript的代码提示与生成片段

VueHelper

vue 代码提示

6、maven

https://mirror.bit.edu.cn/apache/maven/maven-3/3.6.3/binaries/apache-maven-3.6.3-bin.zip

环境变量配置

在“新建系统变量”中输入变量名MAVEN_HOME，并将变量值设置为安装路径，在这里为D:\apache-maven-3.3.9

在“系统变量（S）”中，选中“Path变量”,在其变量值的末尾加上%MAVEN_HOME%\bin（注意：跟前面变量值要以英文分号间隔）。

在windows上按快捷键Win R，在命令行窗口中输入mvn -v，如果显示maven基本信息，则表示maven环境变量搭建成功。

配置文件修改

1、设置国内阿里云镜像

mirrors节点内添加

<mirror> <id>nexus-aliyun</id> <mirrorOf>*</mirrorOf> <name>Nexus aliyun</name> <url>http://maven.aliyun.com/nexus/content/groups/public</url> </mirror>

2、默认采用jdk1.8编译

profiles节点内添加

<profile> <id>jdk-1.8</id> <activation> <activeByDefault>true</activeByDefault> <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>