win10下IDEA搭建web项目脚手架

 参考 IDEA运行Maven项目配置全过程(菜鸟专属)_idea配置maven_Hi梅的博客-CSDN博客

下载 IDEA

下载JDK 1.8 

https://pan.baidu.com/s/1lj2na9omGwhPrCKYNz1qSQ 
提取码:izkj 

点击exe一步步next

添加环境变量:  JAVA_HOME 对于自己jdk的路径

添加系统变量PATH:%JAVA_HOME%

 通过cmd命令输入java -version 查看是否成功:如果成功会显示jdk版本号

下载 apache下的Maven,tomcat

win10下IDEA搭建web项目脚手架_第1张图片

# 添加本地maven仓库地址
C:\pan\app\apache-maven-3.9.4\conf\repository

# 添加阿里镜像,加快下载资源速度
    
      alimaven
      aliyun maven
      http://maven.aliyun.com/nexus/content/groups/public/
    central
    

# 添加JDK 1.8

    
        jdk-1.8
        
            true
            1.8
        
    
    1.8
    1.8
    1.8
    
    
  

 win10下IDEA搭建web项目脚手架_第2张图片

 tomcat

https://pan.baidu.com/s/1tgDIqOlMU1hGF8cFeQ-Gjg 
提取码:jdr1 

在这里插入图片描述

 添加环境变量

然后在IDEA添加local tomcat,VM options 添加

 -Dfile.encoding=UTF-8

然后添加项目

win10下IDEA搭建web项目脚手架_第3张图片

编译项目

对接mysql、redis,全局搜索datasource和redis,修改成对应的IP,端口号,用户名,密码等信息

win10下IDEA搭建web项目脚手架_第4张图片

 

前端编译: 到含package.json的项目路径下执行以下命令

 win10下IDEA搭建web项目脚手架_第5张图片

# 前端 到含package.json路径下

npm install # 下载依赖
npm run dev  # 运行项目

 win10下IDEA搭建web项目脚手架_第6张图片

 登录前端地址  http://localhost:8091win10下IDEA搭建web项目脚手架_第7张图片

后端编译:点击IDEA绿色三角形启动application,启动tomcat

 

你可能感兴趣的:(intellij-idea,java,ide)