常用必备: 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插件使用请访问: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…