vscode插件大全_vscode必装插件

vscode插件大全_vscode必装插件Beautify#格式化htmljscss代码vscode-icons#文件图标PartialDiff#对比两段代码或文件Br…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

常用插件整理

Beautify                            # 格式化html js css代码

vscode-icons                        # 文件图标

Partial Diff                        # 对比两段代码或文件

Bracket Pair Colorrizer             # 用来区分括号

Code Spell Checker                  # 用于检测代码语法

Code Runner                         # 用于运行代码

koroFileHeader                      # 用于头部文件注释

PHP IntelliSense                    # PHP自动补全工具

PHP Intellisense -Crane             # PHP自动补全工具

PHP Intelephense                    # PHP智能感知

PHP DocBlocker                      # PHP方法注释

PHP Extension  Pack                 # PHP扩展包

PHP  Debug                          # PHP调试工具,需要配置

Path IntelliSense                   # 路径管理工具

Vetur                               # vue.js代码提示,语法高亮

ESLint                              # 代码检查工具

HTML CSS Support                    # CSS支持工具

HTML Snippets                       # HTML小片段工具

IntelliSense for CSS class names    # CSS类名工具

Draw.io                             # 流程图制作 (新建 .drawio 后缀文件使用,更改 .drawio.png 保存图片文件)

settings.json 文件中相关的配置

{
	// 文件自动保存
	"files.autoSave": "afterDelay",
	// 如果启用,会在打开文件时尝试猜测字符集编码。也可以根据语言配置此设置。
	"files.autoGuessEncoding": false,
	// 支持tpl、dwt 文件高亮渲染方法
	"files.associations": {
		"*.dwt": "html",
		"*.lbi": "html",
		"*.tpl": "html",
		"*.vue": "html"
	},
	"window.zoomLevel": 0,
	// beautify 插件配置
	"beautify.config": {
		"brace_style": "collapse,preserve-inline",
		"indent_size": 4,
		"indent_with_tabs": true, // tab 缩进
		"jslint_happy": true,
		"end_with_newline": true,
		"keep_array_indentation": true,
		"keep_function_indentation": true,
		"space_after_anon_function": true,
		"space_in_paren": true,
		"unformatted": [
			""
		],
		"css": {
			"indent_size": 4
		}
	},
	"workbench.iconTheme": "vscode-icons",
	"[php]": {
		
	},
	// php debug 插件配置
	"php.validate.executablePath": "E:/phpstudy_pro/Extensions/php/php7.3.4nts/php.exe",
	"breadcrumbs.enabled": true,
	// php DocBlocker 插件配置
	"php-docblocker.gap": false,
	"php-docblocker.returnGap": false,
	"php-docblocker.useShortNames": true,
	// 为类添加注释时添加命名空间
	"php-docblocker.qualifyClassNames": true,
	"php-docblocker.returnVoid": false,
	"php-docblocker.extra": [
		// "@Description",
		// "@example",
		"@return [type]",
		"@author [Devin] [$CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE]",
		// "@since"
	],
	//配置eslint
	"eslint.autoFixOnSave": true,
	"eslint.validate": [
		"javascript",
		"javascriptreact",
		"html",
		{ "language": "vue", "autoFix": true }
	],
	"eslint.options": {
		"plugins": ["html"]
	},
	//为了符合eslint的两个空格间隔原则
	"editor.tabSize": 4,
	"php.executablePath": "E:/phpstudy_pro/Extensions/php/php7.3.4nts/php.exe",
	"[javascript]": {
		"editor.defaultFormatter": "vscode.typescript-language-features"
	},
	//配置新建文件注释和方法注释
	"fileheader.configObj": {
		"createFileTime": true,//设置为true则为文件新建时候作为date,否则注释生成时间为date
		"autoAdd": true,//自动生成注释,老是忘记的同学可以设置
		"annotationStr": {
			"head": "/*",
			"middle": " * @",
			"end": " */",
			"use": true//设置自定义注释可用
		},
		"headInsertLine": {
			"php": 2
		}
	},
	"fileheader.cursorMode": {
		"description":"",
		"param ":"",
		"return":""
	},
	"fileheader.customMade": {
		"Description":"" ,//文件内容描述
		"Author":"Devin",//编辑人
		"Date": "Do not edit",//时间
		// "LastEditTime": "Do not edit",
		// "LastEditors": "",
	}
}

快捷键配置keybindings.json

// 将键绑定放在此文件中以覆盖默认值
[
	//ctrl+space被切换输入法快捷键占用
	{
		"key":"ctrl+alt+space",
		"command":"editor.action.triggerSuggest",
		"when":"editorTextFocus"
	},
	// ctrl+d删除一行
	{
		"key":"ctrl+d",
		"command":"editor.action.deleteLines",
		"when":"editorTextFocus"
	},
	{
		"key":"ctrl+shift+k",//与删除一行的快捷键互换了:)
		"command":"editor.action.addSelectionToNextFindMatch",
		"when":"editorFocus"
	},
	//ctrl+shift+/多行注释
	{
		"key":"ctrl+shift+/",
		"command":"editor.action.blockComment",
		"when":"editorTextFocus"
	}
]

用户片段输入php快捷信息

"PHP":{
	"prefix": "php",
	"body": [
		"<?php\n$0",
	],
	"description": "php"
}

console.log 快捷配置

"Print to console": {
	"prefix": "log",
	"body": [
		"console.log('$1');",
		"$2"
	],
	"description": "Log output to console"
}

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/188464.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 图形的光栅化_简述图像的采样和量化过程

    图形的光栅化_简述图像的采样和量化过程在前面的学习中,我们已经可以通过MVP变换,把摄像机观测的物体都压缩成了一个标准立方体,接下来我们要做的是把这个标准立方体绘制到屏幕(Screen)上何为屏幕?一个二维数组,每个元素称之为像素(pixel,pictureelement的缩写),例如我们常说的屏幕分辨率1920*1080,就是说有这么些个像素。屏幕是一个典型的光栅成像设备。光栅(Raster)在德语中就是屏幕的意思,光栅化(Rasterize,名变动)就是把东西画在屏幕上。像素,最小单位,像素内的颜色可以用rgba来定义,一

  • Linux rootfs_hdfs shell命令

    Linux rootfs_hdfs shell命令本文阐述Linux中的文件系统部分,源代码来自基于IA32的2.4.20内核。总体上说Linux下的文件系统主要可分为三大块:一是上层的文件系统的系统调用,二是虚拟文件系统VFS(VirtualFilesystemSwitch),三是挂载到VFS中的各实际文件系统,例如ext2,jffs等。本文侧重于通过具体的代码分析来解释Linux内核中VFS的内在机制,在这过程

  • H5音乐标签实现网页自动播放和隐藏

    H5音乐标签实现网页自动播放和隐藏网页播放音乐如果不能自动播放,用iframe放在body最下面。即可运行。<iframesrc=”no.mp3″allow=”autoplay”hidden/>

  • [51Nod1676 无向图同构]无向图哈希[通俗易懂]

    [51Nod1676无向图同构]无向图哈希分类:DataStructureHash1.题目链接[51Nod1676无向图同构]2.题意描述3.解题思路对某一个东西进行哈希,一般就选取一些特征点,然后尽可能离散化这些特征点。对于无向图中的每一个联通块来说,他的特征点就是顶点的度。显然这样还不够,那么可以加入深度这个特征,只需要对联通块的每一个顶点bfs求一边单源点最短路。利用这两个特

  • Scala_scala定义变量

    Scala_scala定义变量scala中print是直接输出print(s”$a”)输出为变量的值println()打印时自动换行println()相当于print(+’\n’)objectTestScala{defmain(args:Array[String]):Unit={println(“HelloScala!!”)vala1=’T’vararr=…

  • 在eclipse中没有server(需在选项中设置)

    Eclipse中没有Server选项,需要加载插件。步骤如下:①在软件eclipse下的Help-&gt;InstallNewSoftware-&gt;中,在Workwith中点击Add,如下,加入Name:KeplerLocation:http://download.eclipse.org/releases/kepler②找到选项Web,XML,JavaEEan…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号