vscode 配置javaweb开发环境,超级简单,纯新手带图,学会后真香.宇宙无敌第一编辑器vscode
vscode配置javaweb开发环境
- 1.vscode配置java环境
- 2.下载tomcat
- 在官网中下载https://tomcat.apache.org/download-10.cgi
- 3.下载maven 官网https://maven.apache.org/download.cgi
- maven环境变量的配置
- 在cmd终端中检查是否成功配置maven环境变量
- 4.vscode安装插件
- 5.创建web项目
- 6.wenapp项目的设置
- 添加tomcat
- 启动tomcat
- 将整个项目打包
- 将项目部署到服务器当中
- 7.maven导入jar包
- 用maven导入jar包
- 将jar包存放到tomcat的lib文件夹下
- 配置pom.xml文件,添加依赖dependency
- 项目部署
- 8.完成啦
1.vscode配置java环境
可参考我的另一篇文章
.
.
vscode配置java环境
.
.
2.下载tomcat
在官网中下载https://tomcat.apache.org/download-10.cgi
https://tomcat.apache.org/download-10.cgi
一般都是64位的windows10版本,点击即可自动开始下载
记录文件下载位置C:\Users\22727\Desktop\apache-tomcat-9.0.68
3.下载maven 官网https://maven.apache.org/download.cgi
在官网中下载https://maven.apache.org/download.cgi点击后自动开始下载
记录maven文件的位置,待会要配置环境变量
我的是C:\Users\22727\Desktop\Maven\apache-maven-3.8.5
maven环境变量的配置
类似配置java环境变量
(1)新建->变量名"MAVEN_HOME",变量值"C:\Users\22727\Desktop\Maven\apache-maven-3.8.5"(即MAVEN的安装路径) ,类似Java_Home
(2)编辑->变量名"Path",在原变量值的最后面加上“%MAVEN_HOME%\bin”
.
.
.
.
在cmd终端中检查是否成功配置maven环境变量
.
输入mvn -version
出现下面页面则配置成功
.
.
4.vscode安装插件
1.tomcat for java,可以看到之前一直用的扩展已经弃用,显示要我们下载新的扩展Community Server Connectors
2.maven for java
.
.
下载新的扩展Community Server Connectors
.
.
.
.
下载maven for java扩展
.
.
5.创建web项目
按ctrl + shift + p选择创建webapp项目
如果没有该命令的看下一张图
.
.
shfit + ctrl + p没有选项maven:选择创建webapp项目的,按照下面这张图操作
.
.
.
.
点击创建webapp后,选择创建版本
.
.
.
.
然后选择组的名字
.
.
.
.
这里是重点,这个是你项目的名字,这里我按照默认的来,以后这个项目的名字一定要好好斟酌,这里我选择默认 demo
.
.
.
.
然后选择要创建的web文件夹位置
记住路径位置不能有中文
.
.
.
.
等待项目完成创建,
中途按回车完成创建
.
.
.
.
出现下面的页面说明创建成功啦
.
.
6.wenapp项目的设置
添加tomcat
启动tomcat
将整个项目打包
ctrl + shift + p执行命令
.
.
然后选择package,进行打包
.
.
.
.
这里有可能出现要我们填mvn的位置情况
c:\Users\22727\Desktop\Maven\apache-maven-3.8.5\bin\mvn.cmd
如果没有,就能直接打包,看下一张图
.
.
可以看到package后打包成功
.
.
.
.
打包完成后
将项目部署到服务器当中
.
.
.
.
.
.
.
.
点击tomcat9,然后点击yes,然后回车
.
.
就已经将tomcat部署到你所在局域网中啦,你和你的局域网小伙伴都可以访问噢,如果要局域网也能访问的话,记得开放8080端口
.
.
在浏览器中输入
http://localhost:8080/
http://localhost:8080/demo
demo是你的项目的名字
.
.
7.maven导入jar包
用maven导入jar包
这里我们用mysql-connector-java-8.0.11.jar包来做演示
.
.
记录文件位置
C:\Users\22727\Desktop\apache-tomcat-9.0.68\lib\mysql-connector-java-8.0.11.jar
打开cmd
输入下面的命令
mvn install:install-file -Dfile=C:\Users\22727\Desktop\apache-tomcat-9.0.68\lib\mysql-connector-java-8.0.11.jar -DgroupId=mysql2 -DartifactId=mysql2-connector-java -Dversion=8.0.11-bin -Dpackaging=jar
.
.
各参数含义如下
.
.
mvn install:install-file -Dfile=文件位置 -DgroupId=组的id -DartifactId=jar包的id -Dversion=版本 -Dpackaging=jar
.
.
将jar包存放到tomcat的lib文件夹下
将我们所有会用到的jar包都存放到lib文件夹下面
配置pom.xml文件,添加依赖dependency
这个servlet包是自带的,不用maven导入
<dependency><groupId>javax.servlet</groupId><artifactId>javax.servlet-api</artifactId><version>3.0.1</version>
</dependency><dependency><groupId>mysql2</groupId> //这个mysql包是我们自己导入的<artifactId>mysql2-connector-java</artifactId><version>8.0.11-bin</version><scope>provided</scope>
</dependency>
.
.
各参数含义如下
.
.<dependency><groupId>组的id</groupId><artifactId>jar包的id</artifactId><version>版本</version>
</dependency>
.
.
项目部署
下面献上我常用的web项目的文件目录
.
.
java------存放java文件,maven会自动识别java文件夹.
resources-----存放资源文件,maven会自动识别resources文件夹
webapp----项目初始就有的文件夹
在java文件夹下面新建一个test.java文件
在test.java下面复制下面的代码进行测试
如果没有报错,说明jar包导入成功啦
.
.
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.sql.Connection;
import java.sql.PreparedStatement; //如果这里导入库没有报错,说明成功
import java.sql.ResultSet;
import java.sql.ResultSetMetaData;
import java.sql.SQLException;public class test {public void doGet(HttpServletRequest request, HttpServletResponse response) {// request.setCharacterEncoding("utf-8");}public static void main(String[] args) {System.out.println("hello world");}
}
8.完成啦
至此,项目配置就已经完成啦,后续的操作,我这篇文章基本上都写了
希望大家能在javaweb的学习上越来越好.
我后续也会不断跟新javaweb的bug解决方式.
希望与大家一起进步噢
vscode 配置javaweb开发环境,超级简单,纯新手带图,学会后真香.宇宙无敌第一编辑器vscode相关推荐
- VScode 配置 Java 开发环境(最简单的纯小白带图版)
VScode 配置 Java 环境 1.下载VS Code VSCode下载官网 2.配置中文环境 如果懂英语,或者想在编程上有更好的进步,可以跳过这一步,毕竟以后工作,很多软件并非中文,但像我这样的 ...
- 用VScode配置Python开发环境引用
引用:用VScode配置Python开发环境 - 简书 前言 VScode是一个相当优秀的IDE,具备开源.跨平台.模块化.插件丰富.启动时间快.颜值高.可高度定制等等优秀的特质,不愧是微软爸爸的私生 ...
- vscode中装js解释器_h5学习记录(1)--vscode配置js开发环境
文笔不是很好,第一次写东西,主要为了记录h5的学习过程.今天记录的是vscode配置js开发环境. 什么是VSCode Visual Studio Code (简称VS Code/VSC) 是一款于2 ...
- VSCode配置JAVA开发环境,java初级面试笔试题
我总结出了很多互联网公司的面试题及答案,并整理成了文档,以及各种学习的进阶学习资料,免费分享给大家. 扫描二维码或搜索下图红色VX号,加VX好友,拉你进[程序员面试学习交流群]免费领取.也欢迎各位一起 ...
- VSCode配置Python开发环境!
VsCode系列:VSCode配置Python开发环境! 今天博主跟大家聊一聊如何使用VsCode系列:VSCode配置Python开发环境!不喜勿喷,如有建议欢迎补充.讨论! 关于安装和汉化可以观看 ...
- vscode配置OpenGL开发环境【详细】
vscode配置OpenGL开发环境[详细] 0. 前言 本配置过程是参考b站的一位up主文档大嫖客的视频,将其总结为文本文档,以便记忆. up主视频地址为:https://www.bilibili. ...
- VSCode配置python开发环境无法找到自己设置的python编译器
VSCode配置python开发环境无法找到自己设置的python编译器 前言 一. 分别安装VScode和python 二.vscode配置python环境 1.在vscode里安装官方python ...
- VSCode配置JAVA开发环境windows 2020
VSCode配置JAVA开发环境windows 2020(傻瓜式) 下载 安装 下载 今天想用vscode配置Java,结果网上的教程把我看傻了,一个比一个复杂,又是setting.json,又是添加 ...
- ROS入门(ROS安装+编译器配置)详细教程 ROSneotic安装 VScode的ROS开发环境的简单配置
ROS安装 + vscode简单配置 假设你已经安装好了Ubuntu 20.04,并且只有国内网络环境. 换源 Ctrl + Alt + T打开终端 备份并打开 sudo cp /etc/apt/so ...
最新文章
- bcc Reference Guide 中文翻译
- 一款Octopress插件用于同步博客到其他站点
- Javascript 盲区和 操作实例 笔记
- Java8 ReentrantLock 源码分析
- Spring MVC原理学习之how is return type handled
- linux系统md5sum命令用不了,Linux中md5sum命令起什么作用呢?
- mysql 不限定 ip_mysql 不指定 ip 的连接默认都是 localhost
- 要想下班早,微服务架构少不了
- glibc:fd_set机制
- Atitit Mysql查询优化器 存取类型 范围存取类型 索引存取类型 AND or的分析
- String类中重写Object中的equals方法源码解析
- android向DDR读写数据,解决刷机回安卓时提示:Romcode/初始化DDR/读取初始化结果/USB...的问题...
- 震惊!!【微信拼图红包】继微信语音红包后又一新技能
- 安全事故 没有“高级失误”
- 各种光纤接口类型介绍
- 计算机c语言的作用,计算机c语言的特性有哪些
- trim函数去除空格(所有空格,前后,前,后)以及字母大小写切换
- 牛客网 - [牛客假日团队赛6]迷路的牛
- css加空格的方法,css如何加空格
- mysql dump 1449_mysqldump: Got error: 1449
热门文章
- EasyExcel低版本中数据行中包含空数据会跳过导致数据对应不上的问题解析
- 王者荣耀4月14日服务器维护,王者荣耀4月14日更新时间 王者荣耀4月14日更新内容一览...
- overflow-wrap详解
- Hive3.1.2 on Tez0.10.1的安装部署
- ACM题--C-装备合成问题
- win10计算机命名规则,Win10,颠覆Windows命名规则
- 微官网(一)——注册公众号
- Mac电脑设置长时间不用自动退出登录
- MySQL入门:建模和设计数据库,SQL基础
- 计算机设计大赛校赛答辩后的感想和反思