您每天多久执行一次相同的任务? 我敢打赌,它比您想像的还要多。 在构建应用程序时,一遍又一遍地执行诸如创建属性,观察程序或新方法之类的简单操作。
这些小动作可能会造成浪费,浪费时间。 我们要做的是尽可能少地做更多的事情。
💻代码编辑器
效率始于您的工具集。 如果您使用的是糟糕的工具,那么做简单的事情将变得更加困难。 有时我们只需要清理工具,有时需要尝试新事物。 记住,工作更聪明不是更努力。
Visual Studio代码- 下载
尽管有很多可用的选项,但我将重点介绍如何利用Microsoft的VS Code编辑器的功能。 它具有内置的Typescript支持以及超大型扩展模块社区。 使用上面的下载链接,然后选择您的操作系统。
- 成功的时间管理者不做的11件事
- 第2天:设置内政部
- 踢2017的屁股
- 适用于OpenPGP和IntelliJ IDE的Mac键盘快捷键之间的键绑定冲突-RubyMine,PyCharm,WebStorm等
- 通知吗? 没事!


安装完成后,启动vscode。 现在,您可以继续进行扩展安装了。
🔨扩展/插件
下面是推荐的扩展列表。 他们的目的是缩短使用vscode的时间,并且易于安装,就像在其扩展页面上单击安装一样 。


也可以在VS Code的界面中,通过单击顶部栏中的“ 查看”>“扩展 ”并打开扩展栏来完成此操作。


设置同步- 下载
通过此扩展程序,您可以维护本地设置的同步副本以及导入其他设置。 这是非常有用的,特别是如果您使用多于一台计算机进行开发,并且(希望)将确保我们只需执行一次!
Vetur — 下载
在Vue中工作时,您可以使用很多有用的插件。 在所有扩展中,vetur是绝对必要的。 它带有语法高亮,摘要,智能感知,调试等。
自动关闭标签- 下载
自动添加HTML / XML关闭标记,与Visual Studio IDE或Sublime Text相同。
自动导入- 下载
自动查找,解析并提供所有可用导入的代码操作和代码完成。 与Typescript和TSX一起使用。
自动重命名标签- 下载
与Visual Studio IDE一样,自动重命名配对的HTML / XML标记。
支架对着色器— 下载
此扩展名允许用颜色标识匹配的括号。 用户可以定义要匹配的字符以及要使用的颜色。
ESLint — 下载
将ESLint集成到VS Code中。 如果您不熟悉ESLint,则可以查阅文档。
GitLens — 下载
GitLens增压 Visual Studio Code中内置的Git功能。 它可以帮助您通过Git责备注释和代码镜头一目了然地看到代码作者的身份,无缝地导航和浏览Git存储库,通过强大的比较命令获得有价值的见解,等等。
VS Live Share — 下载
如果您曾经在远程工作过,那么您将了解与其他开发人员进行调试的困境。 Visual Studio Live Share使您可以与他人实时协作编辑和调试。
🌷主题
这是一个主观的加法,您应该始终选择最合适的方法。
材质主题- 下载
每天从事材料设计工作使我偏爱广受欢迎的材料主题。 它具有柔和的色彩,而且连续几个小时都不会凝视。 它带有8个主题变体和许多自定义选项。


材质图标主题— 下载
虽然Material Theme可以自定义样式的文件夹图标,但是Material Icon Theme可以为许多新文件类型提供更多选项和自定义变体,例如新的vue-cli-3 vue.config.js 。


🆎字体
开发设置的另一个重要方面是编辑器的字体系列。
FiraCode — 下载
开源且免费的制作精良的单色字体!


FiraFlott — 下载
结合了FiraCode(也包括粗体)中的Mono字体(包括Font-Ligatures)和FlottFlott作为斜体的字体。
OperatorMono — 下载
我会推荐的唯一付费字体之一。 非常干净,带有强烈的斜体。


要更改字体,请导航至文件>首选项>设置,然后搜索字体 。


🚀高级提示
尽管诸如vetur之类的插件已经包含了一些方便的代码片段,如scaffold ,但仍有改进的空间。
片段— 下载
通过将重复的任务变成摘要来减少重复的任务。 我喜欢对Vue属性进行存根,例如数据,计算等 。


Commitizen- 下载
如果您遵循semver ,并且应该这样做,则commitizen可以消除猜测工作,而无需编写提交消息,并且可以使您自动化诸如编写发行说明之类的事情。


Git别名- 下载
虽然有很多很棒的选择可以在GUI上使用git ,并且内置了vscode支持,但是我仍然发现自己经常使用cli。 为了优化我的时间,我提供了一组方便的别名来改善体验。


在本文中,我们讨论了创建有效工作流程的基准。 这些技巧旨在使您考虑自己的流程以及改进流程的方式。
在下一篇文章中,我将教您如何使用新发现的工具,并将其与编码标准,持续集成,测试等结合使用。