vscode插件大全_vscode必装插件
2023-06-13 09:15:00 时间
大家好,又见面了,我是你们的朋友全栈君。
常用插件整理
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"
}
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/188464.html原文链接:https://javaforall.cn
相关文章
- 50个VSCode的快捷键,肯定有你需要的那个!(包含修改默认快捷键的方法)
- vscode高效开发方案【护眼绿主题,插件,和控制台】研究
- Vscode常用快捷键
- VSCode 使用 Code Runner 插件无法编译运行文件名带空格的文件
- 00005__VSCode__xml格式化代码插件
- 手把手教你用VSCode远程服务器
- web大前端必备的VSCode插件,常用的(15个)「建议收藏」
- 常用的一些vscode前端插件
- vscode前端常用插件
- vscode 使用flake8和yapf[通俗易懂]
- linux ubuntu安装_vscode electron
- 使用VSCode代替Keil实现STM32和51单片机的开发
- Vscode开发秘籍
- vscode 插件配置_vscode常用插件有哪些
- vscode常用插件推荐_梅林软件中心 常用插件
- 【Mac】VSCode 更新1.73版本后JS&TS代码跳转异常
- 记录 Vscode 插件
- VSCode 插件 Remote SSH 连接远程服务器
- 【6】VScode 无法在终端输入问题,提示:无法在只读编辑器中编辑
- VSCode 插件 Project Manager 管理项目
- vscode可以写java代码吗
- vscode编写java的插件
- 搭建的vscode 服务使用nginx代理后不能访问详解程序员
- VSCode连接实验室服务器Xshell,Xftp向服务器传输文件的方法(win10)
- VSCode调试Redis,越调越顺手(vscode中redis)