【Mac 从 0 到 1 保姆级配置教程 12】- 安装配置万能的编辑器 VSCode 以及常用插件

原创 已于 2025-06-16 22:14:02 修改 · 1.4k 阅读 · 27 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#编辑器 #macos #vscode #后端 #开源 #github #git

于 2025-05-11 18:03:06 首次发布

文章目录

【🚀🚀🚀 教程开源地址，如果文章对你有所帮助，请帮我个 Star，感谢！】：点我跳转
【🚀🚀🚀 教程开源地址，如果文章对你有所帮助，请帮我个 Star，感谢！】：点我跳转
【🚀🚀🚀 教程开源地址，如果文章对你有所帮助，请帮我个 Star，感谢！】：点我跳转

Mac 从 0 到 1 保姆级配置教程目录，点击即可跳转对应文章：
【Mac 从 0 到 1 保姆级配置教程 00】 - 教程说明
【Mac 从 0 到 1 保姆级配置教程 01】 - 安装无敌的 brew
【Mac 从 0 到 1 保姆级配置教程 02】 - 你真的会装软件吗？内含常用软件安装教程
【Mac 从 0 到 1 保姆级配置教程 03】 - 安装配置美化 iterm2 一气呵成，Mac 下经久不衰的终端
【Mac 从 0 到 1 保姆级配置教程 04】 - 手把手教你安装配置 zsh 和 oh my zsh，一看就会！
【Mac 从 0 到 1 保姆级配置教程 05】 - 全网最详细 20+ 张图逐帧安装 powerlevel10k zsh 主题（上）
【Mac 从 0 到 1 保姆级配置教程 05】 - 全网最详细 20+ 张图逐帧安装 powerlevel10k zsh 主题（下）
【Mac 从 0 到 1 保姆级配置教程 06】 - iterm2 常用快捷键和 zsh 别名配置
【Mac 从 0 到 1 保姆级配置教程 07】 - 配置 Git、GitHub、SSH 免密提交以及 Git 常用基础命令
【Mac 从 0 到 1 保姆级配置教程 08】 - 快速配置 Neovim、LazyVim 以及常用开发环境，如果之前有人这么写就好了
【Mac 从 0 到 1 保姆级配置教程 09】 - 快速配置终端复用工具 tmux 和 oh-my-tmux
【Mac 从 0 到 1 保姆级配置教程 10】 - sdkman 几分钟搞定 Java 开发环境，一定不要错过啊！
【Mac 从 0 到 1 保姆级配置教程 11】 - Mac 基础配置 Finder、触控板、常用快捷键等
【Mac 从 0 到 1 保姆级配置教程 12】- 安装配置万能的编辑器 VSCode 以及常用插件
【Mac 从 0 到 1 保姆级配置教程 13】- 详细介绍一款 Mac 下无敌好用的宝藏软件 RayCast
【Mac 从 0 到 1 保姆级配置教程 14】- 那些 Mac 非常常用的高效率工具，肯定有你不知道的
【Mac 从 0 到 1 保姆级配置教程 15】- Python 环境一键安装与配置，就是这么的丝滑
【Mac 从 0 到 1 保姆级配置教程 16】- Docker 快速安装配置、常用命令以及实际项目演示
持续更新中…

前言

VSCode 是微软开发的一款轻量级代码编辑器，支持多种编程语言，包括 JavaScript、TypeScript、Python、Java 等。VSCode 以其强大的功能和灵活的扩展性，成为了开发者中非常受欢迎的工具。

我们可以把它当做一个文本编辑器来使用，也可以把它当做一个 IDE 来使用。

安装 VSCode

  1. 打开 VSCode 官网，下载 Mac 版本的安装包。
  2. 下载完成后，双击安装包，按照提示完成安装。

当然，也可以通过 Homebrew 来安装：

brew install --cask visual-studio-code

安装 VSCode

基础配置

如果你之前在其他设备上有相关的配置，可以直接登录账号，然后同步到新设备上。

参考配置

VSCode 基础配置可以参考 VSCode 官方文档。

我的个人必备的插件 Vim，关于 Vim 的相关内容在之前文章中有所介绍。这里贴一下我的配置。

在 settings.json 中添加以下配置

{
    "window.commandCenter": 1,
    // vim config
    "vim.easymotion": true,
    "vim.incsearch": true,
    "vim.useSystemClipboard": true,
    "vim.useCtrlKeys": true,
    "vim.hlsearch": true,
    "vim.insertModeKeyBindings": [
        {
            "before": [
                "i",
                "i"
            ],
            "after": [
                "<Esc>"
            ]
        }
    ],
    "vim.normalModeKeyBindingsNonRecursive": [
        {
            "before": [
                "<leader>",
                "d"
            ],
            "after": [
                "d",
                "d"
            ]
        },
        {
            "before": [
                "D"
            ],
            "after": [
                "g",
                "g",
                "v",
                "G",
                "d"
            ]
        },
        {
            "before": [
                "<C-n>"
            ],
            "commands": [
                ":nohl"
            ]
        },
        {
            "before": [
                "J"
            ],
            "after": [
                "5",
                "j"
            ],
            "silent": true
        },
        {
            "before": [
                "K"
            ],
            "after": [
                "5",
                "k"
            ],
            "silent": true
        },
        {
            "before": [
                "H"
            ],
            "after": [
                "5",
                "h"
            ],
            "silent": true
        },
        {
            "before": [
                "L"
            ],
            "after": [
                "5",
                "l"
            ],
            "silent": true
        },
        {
            "before": [
                "W"
            ],
            "commands": [
                ":w",
                "<Enter>"
            ],
            "silent": true
        },
        {
            "before": [
                "Q"
            ],
            "commands": [
                ":q",
                "<Enter>"
            ],
            "silent": true
        },
        {
            "before": [
                "Y"
            ],
            "commands": [
                ":%y",
                "<Enter>"
            ],
            "silent": true
        },
    ],
    "vim.leader": "<space>",
    "vim.handleKeys": {
        // "<C-a>": false,
        "<C-f>": false,
    },
    "extensions.experimental.affinity": {
        "vscodevim.vim": 1
    },
    "vim.sneak": true,
    "vim.sneakUseIgnorecaseAndSmartcase": true,
    "vim.camelCaseMotion.enable": true,
    "vim.replaceWithRegister": true,
    "fittencode.inlineCompletion.enable": true,
    "editor.fontSize": 13
}

常用插件

大家可以根据自己的需求选择插件，这里我列出一些常用的插件，供大家参考。

1. 通用开发工具

  • Chinese (Simplified) Language Pack：VS Code 的中文语言包，提供本地化界面
  • Code Runner：快速运行多种语言的代码片段
  • Prettier - Code formatter：代码格式化工具，支持多种语言
  • ESLint：JavaScript 和 TypeScript 的代码质量检查工具
  • GitLens：增强 Git 功能，显示代码行的详细 Git 信息
  • Live Server：为静态和动态页面启动本地开发服务器，支持实时重载
  • Auto Rename Tag：自动重命名成对的 HTML/XML 标签
  • Path Intellisense：自动补全文件路径

2. 编程语言支持

  • Python：Python 语言支持与智能提示
  • Java Extension Pack：Java 开发必备插件集合
  • C/C++：C/C++ 语言支持与智能提示
  • Go：Go 语言支持
  • Rust：Rust 语言支持
  • JavaScript (ES6) code snippets：ES6 语法的代码片段

3. 数据库工具

  • SQLTools：数据库连接和查询管理工具
  • MongoDB for VS Code：MongoDB 数据库支持

4. 主题与界面美化

  • Material Icon Theme：文件图标主题
  • One Dark Pro：深色主题，减轻眼睛疲劳
  • Vracula Official：流行的暗色主题
  • Vitesse Theme：深色主题，减轻眼睛疲劳
  • Bracket Pair Colorizer 2：彩色括号匹配，提高代码可读性

5. 效率工具

  • Todo Tree：快速查找和管理代码中的 TODO 注释
  • Bookmarks：在代码中添加书签并快速导航
  • Project Manager：快速切换和管理多个项目
  • Remote - SSH：通过 SSH 连接远程开发环境
  • Code Spell Checker：拼写检查，避免代码中的拼写错误
  • Vim：为喜欢 Vim 键位的开发者提供 Vim 模式

6. Markdown 工具

  • Markdown All in One：Markdown 写作和预览增强
  • Markdown Preview Enhanced：增强的 Markdown 预览功能

7. 容器开发

  • Docker：Docker 容器管理和开发支持
  • Kubernetes：Kubernetes 集群管理和开发

8. AI 辅助编程

  • GitHub Copilot：AI 代码辅助工具，提供智能代码建议
  • Tabnine AI：基于 AI 的代码补全工具
    • Fitten Code：响应速度快、功能强大、免费的智能补全工具

9. 团队协作

  • Live Share：实时代码协作和共享开发环境

按照你的开发需求选择适合的插件，不建议安装太多插件，以免影响 VS Code 的性能。

最后放一张 vitesse theme 主题插件的截图，这个主题插件挺好看，推荐给大家。

vitesse theme

最后

以上就是 VSCode 的安装、配置以及常用插件的介绍，希望对你有所帮助。

如果感觉文章对你有所帮助，请三连支持一下博主哦，感谢大家～

最重要的是给博主留一个大大的关注，你的支持是我更新的最大动力！

这个系列会继续更新下去的！

系列教程

【🚀🚀🚀 教程开源地址】：https://github.com/tonngw/macman
【Mac 从 0 到 1 保姆级配置教程 00】 - 教程说明
【Mac 从 0 到 1 保姆级配置教程 01】 - 安装无敌的 brew
【Mac 从 0 到 1 保姆级配置教程 02】 - 你真的会装软件吗？内含常用软件安装教程
【Mac 从 0 到 1 保姆级配置教程 03】 - 安装配置美化 iterm2 一气呵成，Mac 下经久不衰的终端
【Mac 从 0 到 1 保姆级配置教程 04】 - 手把手教你安装配置 zsh 和 oh my zsh，一看就会！
【Mac 从 0 到 1 保姆级配置教程 05】 - 全网最详细 20+ 张图逐帧安装 powerlevel10k zsh 主题（上）
【Mac 从 0 到 1 保姆级配置教程 05】 - 全网最详细 20+ 张图逐帧安装 powerlevel10k zsh 主题（下）
【Mac 从 0 到 1 保姆级配置教程 06】 - iterm2 常用快捷键和 zsh 别名配置
【Mac 从 0 到 1 保姆级配置教程 07】 - 配置 Git、GitHub、SSH 免密提交以及 Git 常用基础命令
【Mac 从 0 到 1 保姆级配置教程 08】 - 快速配置 Neovim、LazyVim 以及常用开发环境，如果之前有人这么写就好了
【Mac 从 0 到 1 保姆级配置教程 09】 - 快速配置终端复用工具 tmux 和 oh-my-tmux
【Mac 从 0 到 1 保姆级配置教程 10】 - sdkman 几分钟搞定 Java 开发环境，一定不要错过啊！
【Mac 从 0 到 1 保姆级配置教程 11】 - Mac 基础配置 Finder、触控板、常用快捷键等
【Mac 从 0 到 1 保姆级配置教程 12】- 安装配置万能的编辑器 VSCode 以及常用插件
【Mac 从 0 到 1 保姆级配置教程 13】- 详细介绍一款 Mac 下无敌好用的宝藏软件 RayCast
【Mac 从 0 到 1 保姆级配置教程 14】- 那些 Mac 非常常用的高效率工具，肯定有你不知道的
【Mac 从 0 到 1 保姆级配置教程 15】- Python 环境一键安装与配置，就是这么的丝滑
【Mac 从 0 到 1 保姆级配置教程 16】- Docker 快速安装配置、常用命令以及实际项目演示
持续更新中…

工具篇：（六）MacOS VSCode 使用技巧与插件推荐
一名热衷于技术的全栈开发者，专注于前端与后端的全面技术探索。在这里，我将分享我在技术领域的学习与成长，助力更多开发者的进步。
10-14 1869
VSCode 在 MacOS 上提供了极其流畅的开发体验，无论是通过快捷键提升效率，还是利用插件增强功能，都能显著提升你的工作效率。希望通过本文介绍的技巧和插件推荐，你能够更好地利用 VSCode 进行开发。希望这篇博客能帮助你更好地掌握 VSCode 的使用技巧，提升开发效率！
哪款Mac代码编辑器好用？Mac文本代码编辑器推荐—-CudaText for Mac
weixin_44886772的博客
04-24 1万+
一款好的代码编辑器可以使工作更有效率，今天要给大家推荐一款Mac文本代码编辑器推荐—-CudaText。CudaText Mac版是一款轻便好用的跨平台文本代码编辑器，具有很好的配置可能性和许多高级功能，语法突出显示支持Java、CSS、C、C ++、HTML等各种语言，代码折叠，多个插入符号，代码结构，编译器集成等。 CudaText值得推荐的14个理由 1、显示行号 2、支持用标签页形...
苹果电脑（mac系统）安装vscode与配置c++环境，并可以使用万能头文件全流程
最新发布
m0_65608962的博客
06-24 3813
把勾取消掉进入iostream文件。 最后，恭喜你可以在vscode上面写c++代码了
Mac代码文本编辑器Sublime Text 4
anky_lori的博客
11-09 853
Sublime Text 4 for Mac允许用户自定义设置，使得用户可以根据自己的喜好和需求来配置编辑器的外观和行为。它提供了强大的命令面板和“Goto Anything”功能，使得用户可以快速查找并运行各种命令，快速跳转到任何文件、函数、类或行号。拥有快速响应的功能，可以快速加载文件和执行命令，并提供多种语言支持，包括C ++、Java、Python、HTML、CSS等。总之，Sublime Text 4 for Mac是一款功能强大的代码编辑器，适合所有需要高效编写代码和进行代码管理的程序员使用。
mac下得代码编辑器
aican_yu的专栏
11-15 726
Tincta 是Mac 平台上一款小巧、免费的文本/代码编辑器，由于 Mac 上优秀的代码编辑器如 TextMate、Sublime Text 2 等等都比较昂贵，所以 Tincta 的“免费”特性对于众多 Macer 来说就是一个很大的优势。并且这款小程序速度很快、完美支持64Bit、且能够非常方便的在浏览器中预览代码生成的内容。
Mac代码编辑器Sublime Text
NextFind
11-14 889
Sublime Text 是一个代码编辑器（Sublime Text 2是收费软件，但可以无限期试用），也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来，它最初被设计为一个具有丰富扩展功能的Vim。         Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定
Nova for Mac(强大的代码编辑器)
Mac_mimi的博客
03-24 321
Nova Mac中文版是一款强大的代码编辑器，具有非常强大的API和内置的扩展浏览器，因此非常易于扩展，而且已内置支持CoffeeScript，CSS，Diff，ERB，Haml，HTML，INI，JavaScript，PHP，Python，Ruby，Sass，SCSS，Smarty，SQL，TSX，TypeScript，XML和YAML等等，是程序不可缺少的一款代码编辑器，欢迎需要的朋友安装体验！ Nova Mac中文版安装教程 Nova下载完成后打开，将左侧的Nova拖动到右侧的应用程序中。 Nov
VSCODE下载及插件安装保姆级教程来咯
04-20
VSCode 下载及插件安装保姆级教程 VSCode 是微软推出的轻量级代码编辑器，具有简洁、灵活、功能强大等特点，深受广大开发者的欢迎。下面是 VSCode 下载及插件安装的详细教程。 VSCode 下载 首先，需要从官方网站...
VSCode上搭建C/C++开发环境（vscode配置c/c++环境）Windows系统---保姆级教程
热门推荐
2303_79329831的博客
03-01 7万+
关于VSCode上搭建C/C++开发环境的内容，到这里就结束了，这里博主感叹一下，VSCode真的挺强大的，作为一个编辑器，可以通过和编译器链接成为开发环境，将环境配置好的话，在这上面写代码似乎也是个不错的选择。大家有任何疑问，欢迎在评论区中提出，本篇博客有任何问题和错误也欢迎来和博主讨论，真心希望能和大家一起进步。最后，如果本篇博客对你有帮助的话，能不能给博主一个三连啊！
【VScode编辑器】VScode基本使用全面讲解+vscode配置C/C++环境（超详细保姆级教学）
09-14
【VScode编辑器】VScode基本使用全面讲解+vscode配置C/C++环境（超详细保姆级教学）【VScode编辑器】VScode基本使用全面讲解+vscode配置C/C++环境（超详细保姆级教学）【VScode编辑器】VScode基本使用全面讲解+...
mysql安装教程（保姆级）-mysql-8.0.32-winx64
03-01
mysql安装教程（保姆级）---mysql-8.0.32-winx64 mysql安装教程（保姆级）---mysql-8.0.32-winx64 mysql安装教程（保姆级）---mysql-8.0.32-winx64 mysql安装教程（保姆级）---mysql-8.0.32-winx64 mysql安装教程...
MySQLMySQL超详细安装配置教程(保姆级).md
05-15
本教程旨在为用户提供一份从零开始、详细到极致的 MySQL 安装配置指南，帮助用户轻松搭建稳定、高效的 MySQL 数据库环境。 二、教程内容概述 （一）安装前准备 环境检查 详细说明操作系统版本要求（如 Windows、...
sublime text for Mac(代码编辑器) v4.0(4175)中文版
macxingchendahai的博客
05-11 844
转到任何东西使用Goto Anything只需几个按键即可打开文件，并立即跳转到符号，行或单词。触发 + P，可以：- 键入文件名的一部分来打开它。- 键入@以跳转到符号，#在文件中搜索并:转到行号。这些快捷键可以合并，这样tp@rf可以带你到一个功能READ_FILE在文件中text_parser.py。同样，tp: 100会带你到第100行的同一个文件。转到定义使用语法定义中的信息，Sublime Text自动生成每个类，方法和函数的项目范围索引。
【IOS学习之工具学习】sublime text mac(代码编辑器)
任我飞的博客
11-20 2132
使用苹果电脑有时候想要查看代码，编辑代码，如果是ios开发可以用xcode打开查看，但是如果是其他的代码，比如java或者其他，又没有安装对应的开发工具，这时，我们可以使用sublime text这个工具来查看编辑代码我也是咨询过比较有经验的朋友，才选择这款工具，在使用过程中查过的相关资料记录下。最后使用的序列号为：—– BEGIN LICENSE —– Wixel Single User Lice
Nova代码编辑器 for mac
anky_lori的博客
05-19 287
它是一款专为Mac OS设计的代码编辑器。它支持多种编程语言和框架，如Swift、Python、JavaScript、Ruby等，并提供了丰富的功能和插件，总之，Nova是一款强大的Mac代码编辑器，具有丰富的功能和灵活的定制性，适用于广泛的开发者和编程爱好者。
MAC上有哪些好用的Python编辑器？
tingting11232的博客
02-10 9480
MAC上有哪些好用的Python编辑器？
10个最流行免费的Mac OS文本编辑器
宇宙神帝
10-16 5万+
1) XEmacs 是一种强大的文本编辑器，在程序员和其他以技术工作为主的计算机用户中广受欢迎。EMACS，即 Editor MACroS（宏编辑器）的缩写，最初由Richard Stallman于1975年在MIT协同Guy Steele共同完成。自诞生以来，Emacs演化出了众多分支，其中使用最广泛的两种分别是：1984年由Richard Stallman发起并由他维护至今的GNU Ema
完美解决vscode vim插件卡顿问题长按j k或提示等卡顿问题
qq_51714354的博客
12-26 3128
完美解决vscode vim插件卡顿问题，Insert模式长按j k h l按键会出现一秒左右卡顿，输入提示卡顿、使用卡顿等问题。
VS Code 在 Linux 上的完整安装与使用指南
独坐一隅，凝神遐想，是种幸福！ ——独隅
04-14 7095
VS Code 在 Linux 上的完整安装与使用指南
vscode配置jsp保姆级教程
02-21
<think>好的，用户想要一个关于在VSCode中配置JSP的保姆级教程。首先，我需要确认用户的需求是什么。JSP通常用于Java Web开发，所以用户可能是在尝试搭建一个JSP的开发环境。接下来，我需要回忆一下JSP开发需要哪些组件，比如Java JDK、Tomcat服务器，以及相关的VSCode插件。 用户可能已经有一定的Java基础，但对VSCode配置不太熟悉，或者是从其他IDE转过来的，比如Eclipse或IntelliJ。需要确保步骤详细，避免遗漏任何环节。同时，考虑到“保姆级”教程，每一步都要尽可能详细，包括下载、安装、配置环境变量等。 首先，需要安装Java JDK。这里要提醒用户选择合适的版本，比如JDK 8或者11，并配置JAVA_HOME环境变量。然后是Tomcat的安装和配置，同样需要设置CATALINA_HOME。接着是VSCode的部分，需要安装扩展，比如Java扩展包、Tomcat for Java，以及可能的JSP语法高亮插件。 接下来，可能需要指导用户如何创建动态Web项目，配置项目结构，比如WEB-INF和web.xml，然后编写一个简单的JSP示例。然后是如何将项目部署到Tomcat，启动服务器并进行测试。可能还需要提到调试配置，或者常见问题，比如404错误、端口冲突等。 还要考虑用户的操作系统，教程是否适用于Windows、Mac和Linux。比如环境变量的设置方法在不同系统下有所不同，可能需要分别说明，或者给出通用方法。此外，是否需要使用Maven或Gradle来管理项目？用户可能希望简单的项目结构，所以暂时先不涉及构建工具，保持教程简洁。 可能还需要提到，VSCode本身对JSP的支持有限，比如没有像Eclipse那样的内置服务器集成，所以需要依赖插件或手动配置。如果有更好的插件推荐，也需要列出。另外，JSP调试是否可行，或者是否需要其他工具。 用户可能会遇到的问题包括：环境变量配置错误、Tomcat启动失败、JSP页面无法访问、编码问题等。需要在这些步骤中加入检查点，比如验证JDK安装成功，Tomcat能否独立运行，项目是否正确部署到webapps目录下。 最后，提供一个简单的示例代码，并确保用户能够通过localhost访问到页面。可能需要截图或代码块来辅助说明。总结整个流程，确保每个步骤清晰，用户能逐步跟进，避免出现混淆。</think>以下是在 **VSCode 中配置 JSP 开发环境**的详细教程，适用于新手逐步操作： --- ### **一、环境准备** 1. **安装 Java JDK** - 下载地址：[Oracle JDK](https://www.oracle.com/java/technologies/downloads/) 或 [OpenJDK](https://adoptium.net/) - 安装后配置环境变量： - 新建 `JAVA_HOME`：指向 JDK 安装路径（如 `C:\Program Files\Java\jdk-17`） - 修改 `Path`：添加 `%JAVA_HOME%\bin` - 验证：命令行输入 `java -version`，显示版本即成功。 2. **安装 Tomcat** - 下载地址：[Apache Tomcat](https://tomcat.apache.org/download-10.cgi)（建议选择 **Tomcat 10.x**） - 解压到本地目录（如 `D:\apache-tomcat-10.1.20`） - 配置环境变量： - 新建 `CATALINA_HOME`：指向 Tomcat 安装目录 - 修改 `Path`：添加 `%CATALINA_HOME%\bin` - 验证：运行 `%CATALINA_HOME%\bin\startup.bat`，浏览器访问 `http://localhost:8080` 出现 Tomcat 主页。 --- ### **二、VSCode 插件安装** 1. **Java 扩展包** - 安装插件：`Extension Pack for Java`（包含基础 Java 支持、调试等功能） 2. **Tomcat 插件** - 安装插件：`Community Server Connectors`（支持 Tomcat 服务器管理） 3. **JSP 语法高亮** - 安装插件：`JSP` 或 `Java Server Pages (JSP)` --- ### **三、创建 JSP 项目** 1. **新建项目目录** ``` myjspdemo ├── WEB-INF │ ├── web.xml │ └── classes（可选，存放编译后的 class 文件） └── index.jsp ``` 2. **配置 `web.xml`（WEB-INF 内）** ```xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns="https://jakarta.ee/xml/ns/jakartaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="https://jakarta.ee/xml/ns/jakartaee https://jakarta.ee/xml/ns/jakartaee/web-app_5_0.xsd" version="5.0"> </web-app> ``` 3. **编写 JSP 文件（index.jsp）** ```jsp <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>JSP Demo</title> </head> <body> <h1>Hello JSP!</h1> <p>当前时间：<%= new java.util.Date() %></p> </body> </html> ``` --- ### **四、部署到 Tomcat** 1. **手动部署（直接复制文件）** - 将 `myjspdemo` 文件夹复制到 `%CATALINA_HOME%\webapps` 目录下。 - 重启 Tomcat（运行 `shutdown.bat` 再 `startup.bat`）。 2. **通过插件部署（可选）** - 在 VSCode 左侧活动栏找到 **Servers** 图标。 - 添加 Tomcat 服务器，指定安装路径。 - 右键项目文件夹，选择 `Add to Server` 部署。 --- ### **五、运行测试** 1. 启动 Tomcat（确保 `startup.bat` 已运行）。 2. 浏览器访问：`http://localhost:8080/myjspdemo/index.jsp` - 看到 `Hello JSP!` 和当前时间即成功。 -- ### **六、常见问题** 1. **404 错误** - 检查项目是否在 `webapps` 目录下。 - 确认 URL 路径中的项目名称是否匹配。 2. **JSP 页面无法编译** - 确认 JDK 环境变量配置正确。 - 检查 Tomcat 的 `conf/web.xml` 中 `<servlet-class>` 是否正确指向 JSP 引擎。 3. **端口冲突** - 修改 Tomcat 端口：编辑 `%CATALINA_HOME%\conf\server.xml` 中的 `<Connector port="8080">`。 --- ### **七、扩展建议** - 使用 **Maven** 管理项目：通过 `pom.xml` 配置依赖和构建流程。 - 集成 **Spring Boot**：简化 JSP 开发（但需注意 Spring Boot 对 JSP 的支持有限）。 按此流程操作，即可在 VSCode 中顺利开发 JSP 项目！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值