基础编辑快捷键作用Ctrl+X剪切Ctrl+C复制Ctrl+Shift+K删除当前行Ctrl+Enter在当前行之后插入一行Ctrl+Shift+Enter在当前行之前插入一行Alt+Up/Down移

本文是作者 Tomek Sułkowski 发布在 medium 上的一个系列。 版权归原作者所有。 译者在翻译前已经和作者沟通得到了翻译整个系列的授权。 1. $0 在 Chrome 的 Elements 面板中，$0 是当前我们选中的 html 节点的引用。 理所当然，$1…

工欲善其事必先利其器，从事前端开发已近两年多，休闲时候收录一些觉得常用的插件。 自动闭合HTML标签。 自动重命名标签。 解析CSS，SCSS，LESS并自动添加前缀。 自动补全代码中的路径和文件名。 自动完成导入语句中的npm模块。 超级实用且初级的 H5代码片段以及提示。 …

前端统一开发工具：VSCode插件整理。 这个插件是必备的，提高开发效率的东西，无论用js框架，html作为前端是必须要写的。 7.（必备）ESLint：这个是干嘛的就不用说了吧，谁没装的话，自己去找老大吧。 可以试试，如果你体验coding的感觉，手速又快的话，可以卸掉，例如…

代码规范化在日益庞大的前端多人协作项目中越来越凸显它的价值，eslint是前端代码规范方案中很优秀的代表。它提供了对句法、错误、代码格式的检测能力。但是使用eslint对于很多开发同学一般并不会那么顺利，它涉及的场景和环境情况很多。 本文描述了eslint的安装、配置和使用，重…

编辑器代码风格一致，是前端代码规范的一部分。我们现在前端绝大部分都在使用eslint，或者将要把代码改为eslint，那么此时我们怎么方便使用这个规范呢，下面我来介绍一下使用vscode+eslint 自动保存，自动格式化的一种方式！ eslint、Vetur、Prettier…

该配置用于vue开发，最终效果是保存时自动根据eslint对js、html和css代码进行格式化。 到这一步，编译的时候就能看到eslint报错和警告了，但是还不能实现保存自动格式化功能。 vscode的默认保存格式化功能还是很强大的，还可以再额外安装prettier插件，以优…

在描述两者冲突前，我们先了解一下两者各自的作用，为啥非要两个一起用。 ESLint 解决的是代码质量问题。比如末尾是否空行，箭头函数是否需要括号，定义变量是否定义未使用，变量是否使用在定义之前等等。 Prettier 解决是代码“美丽”问题。比如末尾是否空行，箭头函数是否需要括…

假设你已经用过一段时间的 VS Code 了。你已经更改了颜色主题（如果还没有，那我强烈推荐 material 主题），调整了基本设置，并且安装了一些流行的插件。 可能你感觉这种程度足以满足日常工作需求。这很棒，但这样你就很可能与 VS Code 的诸多功能擦肩而过了。 本文荟…