MAC-idea-maven-mysql-node.js安装及配置环境教程

工具介绍

idea+java环境（jdk）+maven+mysql+node.js

• idea下载地址：https://www.jetbrains.com/idea/download/#section=mac
  安装步骤如下图：
  
  
  idea环境配置如下：
  
  
• JDK下载地址：http://www.oracle.com/technetwork/java/javase/downloads/index.html
• MySQL下载地址：MySQL Community (GPL) Downloads »
  安装步骤如图：

• node.js下载地址：https://nodejs.org/zh-cn/download/
  安装步骤如图：
  
  查看是否安装成功：打开终端输入以下命令：npm –v
  node –v
  出现版本信息即为安装成功
• maven下载地址：http://maven.apache.org/download.cgi
  安装步骤如下图：
  
  配置环境变量：（终端中区分大小写）
  （如果没有bash_profile文件，则打开终端，输入
  touch ~/.bash_profile命令创建，再输入open -e .bash_profile 命令打开文本编辑，接下来按照下面的3-7步骤执行）

1. 打开终端 输入vim ~/.bash_profile
2. 按下 i 键，进入insert模式
3. 输入：export MAVEN_HOME= /Users/zhang/Documents/apache-maven-3.3.9 (自己maven文件的根路径)
   export PATH=$PATH：$PATH： MAVEN_HOME/bin
4. 按下esc，退出insert模式
5. 输入 ：wq！ 保存修改并退出当前文件
6. 输入 source ~.bash_profile 使上面的配置生效
7. 输入 mvn –v 命令查看是否出现maven的版本信息，出现版本信息即配置成功

打开桌面项目步骤

1.用navicat打开数据库
点击自己的数据库，填写如下图所示，即是导入成功

2.打开idea 点击import project
3.选中自己的项目（如下图） 点open


5.把端口号改为自己电脑允许的端口号（如下图）



6.选中自己的项目 点击运行 如下图

7．打开终端 输入cd 项目的路径 点return
再输入命令 npm run dev 点return会出现一个地址 （如下图）
8. 最后在浏览器输入这个地址打开自己的项目