vscode插件配置

200 阅读3分钟

语言支持包

Chinese (Simplified) Language

运行java

1.下载安装jdk

2.配置java环境变量

3.安装vscode插件

Extension Pack for Java

这个插件会自动下载java所需的语言支持,debug,包依赖管理工具maven,代码提示工具等

参考

(64 封私信 / 89 条消息) 如何在vscode中配置java运行环境? - 知乎 (zhihu.com)

运行html

快捷输入

# 自动生成基本html模板
! + tab

安装vscode插件

# 在默认浏览器中打开
View In Browser
# 在chrome中调试 - 见参考
Debugger for Chrome
# 自定义用户代码片段 - 见参考
# 错误提示
HTMLHint
# 文件名路径补全
Path Intellisense
# 文件图标
vscode-icons

参考

(121条消息) VScode实现HTML的编写、运行和调试&推荐插件_vscode写html需要什么插件_狗狗狗狗狗乐啊的博客-CSDN博客

下面是补充,因为发现上面几个插件写js的时候还差点东西比如说自动补充什么的

2023-5-7

前端

# 自动闭合HTML/XML标签
Auto Close Tag (必备)
# 自动完成另一侧标签的同步修改
Auto Rename Tag (必备)
# 格式化 html ,js,css
Beautify (必备)
# 格式化JavaScript / TypeScript / CSS
Prettier
# 给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色
Bracket Pair Colorizer (必备)
# 映射上的断点到chrome上,方便调试
Debugger for Chrome (推荐)
# js语法纠错,可以自定义配置,不过配置较为复杂,建议使用网上一些广泛使用的eslint配置,日后我也会专门针对eslint配置写一篇文章
ESLint (推荐)
# 方便查看git日志,git重度使用者必备
GitLens(使用git的必备)
# 智能提示CSS类名以及id
HTML CSS Support (必备)
# 智能提示HTML标签,以及标签含义
HTML Snippets (必备)
# ES6语法智能提示,以及快速输入,不仅仅支持.js,还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间
JavaScript(ES6) code snippets (必备)
# jQuery代码智能提示
jQuery Code Snippets (推荐)
# 实时预览markdown,markdown使用者必备
Markdown Preview Enhanced (推荐)
# markdown语法纠错
markdownlint (推荐)
# vscode不像IDE一样能够直接在浏览器中打开html,而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件,支持自定义打开指定的浏览器,包括:Firefox,Chrome,Opera,IE以及Safari
open in browser (必备)
# 自动提示文件路径,支持各种快速引入文件
Path Intellisense (必备)
# React/Redux/react-router语法智能提示
React/Redux/react-router语法智能提示
# Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger。vscode官方钦定Vue插件,Vue开发者必备
Vetur (推荐)(vue必备)
# 查看文件大小
filesize (了解)
# 智能提示HTML class =“”属性(必备)
Class autocomplete for HTML (推荐)
# IntelliSense for CSS class names (推荐)
IntelliSense for CSS class names (推荐)
# require 时的包提示
Npm Intellisense(node必备)

参考

(122条消息) js函数提示 vscode_vscode 前端常用插件推荐,你值得一看!_泰森fhj的博客-CSDN博客

tomcat以及maven的支持

参考

(124条消息) VSCode中开发JavaWeb项目(Maven+Tomcat+热部署)_vscode运行javaweb项目_陌路skr的博客-CSDN博客