这些是本人在使用vscode中用的比较爽的插件,个人爱好习惯不同,请按需拿取.先声明本人是一个前端,所用的,插件都是和前端匹配的,后台的同学可以不用浪费时间了 基础插件 chinese 英文是所有读书时候不好好学习的同学的同,第一步还是先把编辑变成中文吧,安装好之后重启vscode即可 具体使用方式请看liaofy同学的博客 setting sync 很多同学都是有多台电脑,如果换一台电脑那么vscode就要配置一次的话,那他妈估计要疯掉,于是必备插件setting sync 配置同步 beay…

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

一.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.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常用插件汇总 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使用就可以使用了.…