本篇文章给大家介绍分享一些VSCode开发必备常用插件。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
相关推荐:《vscode教程》
Visual Studio Code必备常用插件
红色为强力推荐,不容错过 o(∩_∩)o
Chinese (Simplified) Language Pack for Visual Studio Code
简体中文包Prettier - Code formatter
最强格式化,不接受反驳(在应用商店中卸载JS-CSS-HTML Formatter
以免出现保存时自动格式化了)HTML Snippets
超级实用且初级的 H5代码片段以及提示Code Runner
代码编译运行看结果,支持众多语言GitLens
丰富的git日志插件vetur
vue语法高亮、智能感知、Emmet等HTML CSS Support
让 html 标签上写class 智能提示当前项目所支持的样式。新版已经支持scss文件检索,这个也是必备插件之一Auto Close Tag
匹配标签,关闭对应的标签。很实用【HTML/XML】Auto Rename Tag
修改 html 标签,自动帮你完成尾部闭合标签的同步修改Path Intellisense
路径智能提示JavaScript (ES6) code snippets
该插件为JavaScript、TypeScript、HTML、React和Vue提供了ES6语法支持。Live Server
浏览器实时刷新。右键“Open With Live Server”开启open in browser
从浏览器中查看html文件,使用系统的当前默认浏览器Bracket Pair Colorizer
让括号拥有独立的颜色,易于区分。可以配合任意主题使用。ESLint
ESLint代码检测校验vscode-icon
让 vscode 资源树目录加上图标,必备良品!Debugger for Chrome
让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试,真666~IntelliSense for CSS class names in HTML
把项目中 css 文件里的名称智能提示在 html 中minapp
微信小程序标签、属性的智能补全(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets)CSS Peek
追踪至样式表中 CSS 类定义的地方
ctrl+鼠标左键点击class 或 鼠标右键“跳转到定义(F12)”Manta’s Stylus Supremacy
格式化stylusjQuery Code Snippets
jquery 重度患者必须品Class autocomplete for HTML
编写html代码的朋友们对html代码的一大体现就是重复,如果纯用手敲不仅累还会影响项目进度,这款自动补全插件真的很棒;JavaScript Snippet Pack
针对js的插件,包含了js的常用语法关键字,很实用;Path Autocomplete
路径智能补全beautify
格式化代码的工具,可以格式化JSON|JS|HTML|CSS|SCSS,比内置格式化好用HTMLHint
html代码检测VSCode Great Icons
另一款资源树目录图标colorize
会给颜色代码增加一个当前匹配代码颜色的背景,非常好Color Info
提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息了。vscode-fileheader
顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间Document This
js 的注释模板 (注意:新版的vscode已经原生支持,在function上输入/** tab)filesize
在底部状态栏显示当前文件大小,点击后还可以看到详细创建、修改时间Bootstrap 3 Sinnpet
常用 bootstrap 的可以下VueHelper
vue代码提示Bookmarks
一个书签工具,还是很有必要的tortoise-svn
SVN的集成插件
推荐主题
注:文件-首选项-颜色主题 里设置切换
Dracula Theme
One Dark Pro
monoka
更多编程相关知识,请访问:编程入门!!
以上是分享一些VSCode开发常用插件的详细内容。更多信息请关注PHP中文网其他相关文章!

是的,VisualStudio某些版本是免费的。具体来说,VisualStudioCommunityEdition对个人开发者、开源项目、学术研究和小型组织免费。然而,也有付费版本如VisualStudioProfessional和Enterprise,适用于大型团队和企业,提供额外功能。

使用VisualStudio进行跨平台开发是可行的,通过支持.NETCore和Xamarin等框架,开发者可以编写一次代码并在多个操作系统上运行。1)创建.NETCore项目并使用其跨平台能力,2)使用Xamarin进行移动应用开发,3)利用异步编程和代码重用来优化性能,确保应用的高效运行和可维护性。

在 VS Code 中格式化 JSON 的方法有:1. 使用快捷键 (Windows/Linux:Ctrl Shift I;macOS:Cmd Shift I);2. 通过菜单(“编辑” > “格式化文档”);3. 安装 JSON 格式化程序扩展(如 Prettier);4. 手动格式化(使用快捷键缩进/缩出块或添加花括号和分号);5. 使用外部工具(如 JSONLint 和 JSON Formatter)。

在 VSCode 中编译代码分 5 步:安装 C 扩展;在项目文件夹中创建 "main.cpp" 文件;配置编译器(如 MinGW);使用快捷键("Ctrl Shift B")或 "Build" 按钮编译代码;使用快捷键("F5")或 "Run" 按钮运行编译后的程序。

要安装 Visual Studio Code,请按以下步骤操作:访问官方网站 https://code.visualstudio.com/;根据操作系统下载安装程序;运行安装程序;接受许可协议并选择安装路径;安装完成后,VSCode 将自动启动。

在 Visual Studio Code 中放大字体的方法有:打开设置面板(Ctrl , 或 Cmd ,)。搜索并调整“Font Size”。选择具有适合大小的“Font Family”。安装或选择提供合适大小的主题。使用键盘快捷键(Ctrl 或 Cmd )放大字体。

如何通过 VSCode 连接远程服务器?安装 Remote - SSH 扩展配置 SSH在 VSCode 中创建连接输入连接信息:主机、用户名、端口、SSH 密钥在 Remote Explorer 中双击已保存的连接

在 VSCode 中运行 Vue 项目需要以下步骤:1. 安装 Vue CLI;2. 创建 Vue 项目;3. 切换到项目目录;4. 安装项目依赖;5. 运行开发服务器;6. 打开浏览器访问 http://localhost:8080。


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

Dreamweaver Mac版
视觉化网页开发工具

PhpStorm Mac 版本
最新(2018.2.1 )专业的PHP集成开发工具

螳螂BT
Mantis是一个易于部署的基于Web的缺陷跟踪工具,用于帮助产品缺陷跟踪。它需要PHP、MySQL和一个Web服务器。请查看我们的演示和托管服务。

适用于 Eclipse 的 SAP NetWeaver 服务器适配器
将Eclipse与SAP NetWeaver应用服务器集成。

WebStorm Mac版
好用的JavaScript开发工具