前言 本人vscode中使用的插件列表,记录下. 列表 Auto Rename Tag 自动重命名成对的超文本标记语言/可扩展标记语言 background-cover 为vscode设置背景图片 Chinese (Simplified) Language Pack for Visual Studio Code vacode 的简体中文包 Color Highlight css颜色代码块高亮显示 CSS Compressor 美化或者压缩css ESLint ES的格式规范 Live Serve…

更多VSCode插件使用请访问:VSCode常用插件汇总 vscode-stylelint这是一个检验CSS/SASS/LESS代码规范的插件. StyleLint 使用指南 vscode-stylelint官网 vscode-stylelintt这是VS Code stylelint扩展. 首先简单说一下使用流程: 1.安装stylelint库(在项目本地或全局安装,看具体项目需要) 2.创建.stylelint.config.js配置文件(手动创建或者复制其它已有配置文件均可,看具体项目需求…

更多VSCode插件使用请访问:VSCode常用插件汇总 ESLint这是VS Code ESLint扩展,将ESLint JavaScript集成到VS Code中. 首先简单说一下使用流程: 1.安装ESLlint库(在项目本地或全局安装,看具体项目需要) 2.创建.eslintrc配置文件(手动创建或者复制其它已有配置文件均可,看具体项目需求) 3.根据文档设置完,保存文件时即可进行eslint修复(MacOS:快捷键是 command + s ) 安装 该扩展使用安装在打开的工作区文件夹…

vscode常用插件汇总: 点击插件名字,查看使用文档 vscode-fileheader : 添加注释到文件头,并支持自动更新文件修改时间. EditorConfig for vs code :  EditorConfig有助于为跨越各种编辑器和IDE的同一项目的多个开发人员维护一致的编码样式. open in browser : 在文件右键 可以选择在浏览器预览 Prettier - Code formatter : 格式化js.css代码插件 Simple New File: 从命令面板简…

更多VSCode插件使用请访问:VSCode常用插件汇总 Simple New File这是一个从命令面板简单创建新文件.文件夹.通过侧边栏创建新文件可能会很繁琐.该扩展旨在通过命令面板使创建文件或目录尽可能简单.具有自动补全功能,还可以与多个工作区一起使用! 按 command + alt + n 会出现提示框,您可以在其中输入文件的路径.如果该文件已经存在,则将打开该文件,否则将创建一个新文件及其所有父目录.…

更多VSCode插件使用请访问:VSCode常用插件汇总 open in browser安装完这个插件就可以在编辑器菜单右键html,在默认浏览器打开了,高级使用暂未了解,请自行其它文章学习…

更多VSCode插件使用请访问:VSCode常用插件汇总 vscode-fileheader这是一个给js文件(html.css也可以使用,但是没意义!!!)生成头部注释的插件,每次修改js文件之后会自动修改的时间和作者. 最终效果图如下: 生成这个注释的快捷键是 ctrl+alt+i 用户在settings.json中配置用户名和最后修改用户名即可使用 保存一下,然后去ctrl+alt+i使用就可以使用了.…

更多VSCode插件使用请访问:VSCode常用插件汇总 当大家在公司工作时,不可能永远是一个人维护一个项目,当多个人参与一个项目,每个人使用的编辑器不一样,代码风格自然也不一样,那么如何让使用不同编辑器的开发者能够轻松惬意的遵守最基本的代码规范呢? 最后终于找到了editorConfig这个东东,发现在这里配置的代码规范规则优先级高于编辑器默认的代码格式化规则.如果我没有配置editorconfig,执行的就是编辑器默认的代码格式化规则:如果我已经配置了editorConfig,则按照我设置的…

插件离线安装说明 在一些内网开发环境中,无法做到在线安装,这个时候就需要对插件进行离线安装 了 打开 VSCode 插件市场网址 Extensions for the Visual Studio family of product,输入你想要的插件名称,比如这里我想要安装的是 Markdown Al…

俗话说,工欲善其事必先利其器,我们码农的器是什么尼?没错,就是我们亲爱的IDE,前端开发者最爱的编辑器应该是vscode了吧.但是我们要怎么去锋利它尼?不外乎就是熟悉它的使用方法.快捷键以及第三方的插件.接下来,我整理了一些vscode常用的快捷键以及常用插件,希望可以帮助各位码农锋利自己的武器.快捷键器篇窗口文件相关快捷键新建文件 Ctrl+N文件之间切换贴 Ctrl+Tab打开一个新的VS Code编辑器 Ctrl+Shift+N关闭当前窗口 Ctrl+W关闭当前的VS Code编辑器 Ct…

常用必备: 1.vscode-icon 让 vscode 资源树目录加上图标,必备良品! 2.Path Intellisense 自动路劲补全,默认不带这个功能的 3.beautify Beautify css/sass/scss/less react-beautify 格式化代码 使用指南:按F1,然后输入bea->选择你要格式的文件类型 js/css/html 格式后: 4.GitLens 丰富的git日志插件 5.Bracket Pair Colorizer 让括号拥有独立的颜色,易于区分…

vscode写JS/html/css是比较适合的,因为轻量级. 只是需要一些插件来完善VSCODE功能,感觉VSCODE就是要靠插件的,不然的话,只是一个高级的代码编辑器.可能比editplus"要好很多". 这个图上是几个常用的插件,以下说明 --------------------------------------------------------------------------------------------------------------------------…

让我们来记录一下常用的IDEA插件:(从其他博客中取了许多图片,出处见图片水印) 1.JRebel for IntelliJ 热部署神器2.Free MyBatis plugin 实现dao层方法与xml代码快速切换3.Lombok 使用注解,可以简化实体类,让你不再写get/set方法,还能快速的实现builder模式,以及链式调用方法4.Alibaba Java coding Guidelines 阿里巴巴出品的java代码规范插件,检测代码中不规范的位置,让你养成良好的编码习惯.5.Cod…

以下是我自己在工作中常用的插件,写给刚入门的前端coder.VSCode插件商店中实用的插件还是很多的,大家也可以对感兴趣的插件下载下来尝试一下的! 持续更新 插件名称 概述 作用 常用默认快捷键 Chinese (Simplified) Language Pack for Visual Studio Code 汉化中文包 VSCode汉化包,安装重启后就界面就是简体中文了 无 Live Server 本地动态服务 相当于一个本地服务器.开启本地HTTP服务,代码保存后,网页实时更新,比open…

名称 功能 Auto Close Tag 自动闭合HTML标签 Auto Import Typescript 自动import提示 Auto Rename Tag 修改HTML标签时,自动修改匹配的标签 Beautify css/sass/scss/less css/sass/less格式化 Better Comments 编写更加人性化的注释 Bookmarks 添加行书签 Can I Use HTML5.CSS3.SVG的浏览器兼容性检查 Code Runner 运行选中代码段(支持大量语言…

设置中文语言使用快捷键[Ctrl+Shift+P],弹出的搜索框中输入[configure language],然后选择搜索出来的[Configure Display Language],locale的属性值为“zh-CN”,安装插件名为[Chinese (Simplified)Language Pack for Visual Studio Code],重启VSCode软件生效. 1.Auto Close Tag 自动闭合HTML/XML标签 2.Auto Rename Tag 自动完成另一侧标…

工欲善其事,必先利其器. 个人用过的代码编辑器有sublime,webstrom,vscode,H5builder.综合比较下来还是更倾向于vscode. sublime是一款轻量级的编辑器,优点是启动速度快,可扩展插件也还丰富,但感觉不太适合做大型项目. webstorm是一款重量级的代码编辑器,优点是功能强大,缺点也很致命,需要收费,启动速度也较慢. 后来就慢慢放弃webstrom了,因为...当然是有了好用的vscode,哈哈. 不得不说vscode是一款强大的代码编辑器,强大之处在于丰富…

Auto Rename Tag 这是一个html标签的插件,可以让你修改一边标签,另外一边自动改变. Beautify 格式化代码插件 Braket Pair Colorizer 给js文件中的每一个小括号()花括号{}都配上不同的颜色,方便找到哪一个位置多了少了括号. Debugger for Chrome 在文件中打断点 EditorConfig for VS Code 代码格式化,提供代码缩进规则,换行规则等 ESLint 代码规范检测 HTML CSS Support css插件 HTM…

vscode插件 备注 Markdown PDF 把markdown文件转换成别的文件 Markdown TOC markdown文件目录生成 PHP Debug PHP调试 PHP IntenlliSense PHP代码提醒 PHP Symbols PHP代码符号列表 phpfmt - PHP formatter 格式化PHP代码 SortJSON objects 格式化json VSCode Great Icons 文件icon XML Tools XML文件格式化 PHP Inteleph…

1. Local History 可以查看本地的修改记录,比较不同 2.TODO插件 可以将有待修改或者完善的地方标记出来,在任务列表中查看, 避免后面忘记, 提高效率. 包含TODO, FIXME. TODO:  未完成; FIXME: 需要修复. 1.  先安装TODO插件 2.  在需要处注释. // FIXME: 此处有错误, 需要修复....(代码) // TODO: 未完成....(代码) 3. 效果: 4. 查看任务 F1打开命令行输入TODO-hightlight, 根据需要选择…

…

macOS 全局 Command + Shift + P / F1 显示命令面板 Command + P 快速打开 Command + Shift + N 打开新窗口 Command + W 关闭窗口 基本 Command + X 剪切(未选中文本的情况下,剪切光标所在行) Command + C 复制(未选中文本的情况下,复制光标所在行) ``Option + Up` 向上移动行 Option + Down 向下移动行 Option + Shift + Up 向上复制行 Option + Sh…

vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器.当前市面上常用的轻型代码编辑器主要是:sublime,notepad++,editplus,atom这几种.比起notepad++.editplus,vscode集成了许多IDE才具有的功能,比起它们更像一个代码编辑器:比起sublime,vscode颜值更高,安装配置插件更为方便:比起atom,vscode启动速度更快,打开各种大文件不卡.可以说,vscode既拥有高自由度.又…

前言 介绍一下我在VSCode中常用的一些快捷方式: ctrl+上下箭头 上下滚动页面 Ctrl+Shift+K 删除某一行 Alt+ ↑ / ↓ 移动某一行 Shift+Alt + ↓ / ↑ 复制某一行 ctrl + Enter 跳转下一行开头 shift + ctrl + enter 跳转上一行开头 Ctrl+Shift+ 跳转到相应的匹配括号 ctrl+shift+[ 折叠 html快速加注释 ctrl+/ 自动换行 Alt+z F8 移动到下一个错误的位置 shift+F8 移动到上一…

一.代码提示快捷键设置:(keybindings.json) [ { "key": "ctrl+j", "command": "-workbench.action.togglePanel" }, { "key": "ctrl+j", "command": "editor.action.triggerSuggest", "when"…

一.背景 使用Visual Studio Code写了一个简单的Html页面,想调试下其中script标签里的javascript代码,网上查了一通,基本都是复制粘贴或者大同小异的文章,就是要安装Debugger for Chrome插件,修改launch.json配置信息,F5启动,这些都照做了,但是仍有两个问题,一个是Html文件里不能打断点,只能在js文件里面打,二是chrome打开后说连接不到localhost,下面分别讲讲是怎么解决. 二.Html文件中不能打断点问题 默认情况下,VS…

一.vscode常用快捷键 1.新建文件:chtr+n 2.新开窗口:ctrl+shift+n 3.分屏:ctrl+1/2/3  4.切换文件:alt+1/2/3或ctrl+tab 5.关闭当前窗口:ctrl+w 6.关闭所有已保存窗口:ctrl+k+w 7.显示/隐藏左侧边栏:ctrl+b 8.文件重命名:鼠标选中+f2 9.自动换行:alt+z(标签过长需要拖动编辑器下方滚动条阅读时不太方便,可以一键换行) 10.注释:ctrl+/ 11.多行编辑:alt+鼠标左键 12.隐藏/显示终端:c…

1.  vscode 简介vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器.当前市面上常用的轻型代码编辑器主要是:sublime,notepad++,editplus,atom这几种.比起notepad++.editplus,vscode集成了许多IDE才具有的功能,比起它们更像一个代码编辑器:比起sublime,vscode颜值更高,安装配置插件更为方便:比起atom,vscode启动速度更快,打开各种大文件不卡.可以说,vs…

1.Chinese (Simplified) Language Pack for Visual Studio Code 适用于 VS Code 的中文(简体)语言包 2.Color Info Visual Studio代码扩展,提供css颜色的快速信息. 3.CSS Peek 这个扩展扩展了HTML和ejs代码编辑,支持在源代码中的字符串中找到css/scss/less(类和id)的工作区中的Go To Definition和Go To Symbol. 4.IntelliSense for CS…

vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器.当前市面上常用的轻型代码编辑器主要是:sublime,notepad++,editplus,atom这几种.比起notepad++.editplus,vscode集成了许多IDE才具有的功能,比起它们更像一个代码编辑器:比起sublime,vscode颜值更高,安装配置插件更为方便:比起atom,vscode启动速度更快,打开各种大文件不卡.可以说,vscode既拥有高自由度.又…