本文目录一览：
重复名代码复制生成器是什么？
是一些在线的小工具，这一类小工具中主要针对的是手机游戏中的名字，当自己想要使用的名字重复时，可以使用这些小工具在名字间添加透明符号来达到起重复名字的目的。这一类小工具非常多，这里给出一种及获取重复名字的方法：
一、打开手机微信“发现”页面，点击打开“小程序”。
二、 搜索找到“特殊符号生成制作器”，并点击打开。
三、 进入这个小程序后，点击“重复昵称”。
四、在上方文字栏中输入游戏中重复的昵称，点击“点击生成重复名称”。
五、如下图，这时即可在下方生成多个添加了透明符号的昵称，点击满意的昵称即可把这个昵称复制到手机剪贴板中。
有哪些生成前端代码的神器呢？
在前端开发的过程中，很多相同的代码会写很多遍。如：开始新项目的时候，要写和旧项目类似脚手架代码；新建一个组件的时候，要按约定写组件结构。如果这些重复代码能用工具来生成，能提升前端的开发效率。
生成代码的工具分为两类：基于命令的和基于图像界面的。
基于命令的工具的优点是，可配置高，效率快。缺点是，可发现性差。适合配置项目很多，配置可以组合的情况。
基于图像界面的优点是，可发现性强，操作简单。缺点是如果配置项很多，容易变得很难用。
罗嗦了一堆，下面开始介绍正题。
项目脚手架代码生成工具
项目脚手架主要做的项目的构建流程，环境的配置等。做到开箱即用。
基于命令的
yo 曾经流行过的一个脚手架生成工具。支持定义脚手架内容。基于 yo 的第三方脚手架也很多。
vue-cli 。 Vue 项目脚手架。支持自定义脚手架内容，感兴趣的可以读读 从vue-cli源码学习如何写模板。
create react app React 脚手架。比较轻量级，只是整合 webpack 和 react-router。
react boilerplate React 脚手架。比较重量级，整合了webpack 和 react router, redux, redux suga, reselect 等。
基于图形界面的
定制 Bootstrap 3
组件代码生成工具
基于命令的
react boilerplate 的 nam run generate 可生成组件的脚手架代码。
页面代码生成工具
基于命令的
代码编辑器的代码片段(Code Snippent)功能。主流的代码编辑器(Sublime,Atom,VS Code，Web Strom等) 都支持代码片段。也有写好的代码片段的编辑器插件。主流的框架基本都有对应的代码片段工具。
Emmet 提供 HTML，CSS，JS 的自动补全功能。
Bootstrap 3 Snippets
Vuejs Snippets
基于图形界面的
H5营销页面生成工具。有一大堆。
Maka
初夜
兔展
GrapesJS 强大的网页生成器。开源。
LayoutIt 托拽 Bootstrap 组件，生成页面。
TODO是什么意思？
一般在程序中加上TODO标记来表示该处功能还未实现，只是占个位置，提醒开发者注意而已。
todo是Eclipse开发工具在你自己使用代码生成工具是自动帮你加上的，在类或者方法中的注释中尤为常见。
在Eclipse中用TODO标签管理任务Elipse为Java项目的时候，有一个很人性化的“任务管理”功能，利用这个功能可以方便地将项目中一些需要处理的任务记录下来。
TODO标记的目的：
1、软件产品是为了解决某些问题，而不是解决所有问题的。
2、让大家清楚我们要做个什么东西，提升员工的成就感了创造欲。
3、不是所有需求功能都有就好，要有取舍，突出强项。
4、进行充分的竞品分析，深挖用户需求，用户体验、交互行为等。
5、必须强调软件产品设计的重要性。
6、制定详细可执行的测试计划。
todo是Eclipse开发工具在你自己使
freemarker生成go语言
主要通过以下几个过程生成：
（一）编写模板文件
（二）配置FreeMarker
（三）统一文件生成工具
（四）数据库操作
（五）封装填充数据
FreeMarker是一款模板引擎：即一种基于模板和动态数据，用于输出文本的通用工具。
FreeMarker模板使用FreeMarker Template Language（FTL）编写，它是一种简单的、专用的语言。
代码生成器的实现原理十分简单，就是根据数据库的某一个或多个业务表的结构，生成对应的Entity.java、Dao.java、Service.java、Controller.java、Mapper.xml文件
2019年27个神奇的VSCode工具
Visual Studio Code（更简称为 VS代码 ）是一个轻量级但功能强大的跨平台源代码编辑器，可在桌面上运行。内置支持TypeScript和Chrome Debugger等开发工具，我很快就爱上了编辑器，我用它来构建我的项目。
谁 不 喜欢可供公众使用和贡献的bajillion开源扩展？
如果您正在寻找更多工具添加到您的开发工具包中，我希望本文可以帮助您找到一个新的工具来采用！
并非所有 这些工具都 专门针对JavaScript语言 ，而是针对您和我这样有共同兴趣的 JavaScript开发人员的 工具。 作为一名JavaScript开发人员 ，我将分享在几个方面增强我的开发流程的内容，这些方面围绕着人类五感中的五分之一。
以下是2019年针对JavaScript开发人员的26个神奇VS代码工具
排在第一位的是我最喜欢的Project Snippets - 源自VS Code中内置的原始 用户代码段 。
如果您不熟悉用户代码段，基本上此功能允许您创建自己的代码段以在整个项目中重复使用。
但究竟是什么意思“重复使用”它们呢？
好吧，如果您经常发现自己编写任何类型的样板，如下所示：
实际上，你可以直接将其打入你的用户片段，这样你就不需要写出（或复制并粘贴）整个事物，你只需要输入一个自定义 前缀 来生成你配置它的片段。如果转到“ 文件”“首选项”“用户代码段” ，则可以选择通过单击“ 新建全局代码段文件” 来创建新的全局代码 段 。
例如，要为TypeScript React项目创建自己的 代码段文件 ，可以单击 New Global Snippets File ，键入 typescriptreact.json ，它将引导您到新创建的.json文件，您可以将其用于使用TypeScript构建的反应应用程序。
例如，要从上面的代码示例创建用户代码段，您可以这样做：
有了这个，你可以创建一个.tsx文件，输入前缀，rsr并出现一个生成片段的建议。按弹出窗口上的 选项卡 将生成以下代码段：
但是问题在于，这将持续存在于 所有项目中 （在某些情况下，这些 项目 对于一般的片段来说可能是强大的）。某些项目的配置略有不同，当您需要区分特定用例时，配置代码段的全局文件开始成为问题。例如，一个用例是每个项目的项目结构不同：
对于具有该特定文件/文件夹结构的项目，这可能已足够，但如果您正在处理Link组件具有类似路径的另一个项目，该components/Link怎么办？
注意三个 边界测试 如何用单引号将它们的值包装起来：border: '1px solid red'。这在JavaScript中是完全有效的，但如果您使用样式组件作为项目的样式解决方案呢？语法不再适用于该工作空间，因为样式化组件使用常规CSS语法！
这就是Project Snippets开始闪耀的地方！
如果你喜欢在代码之间编写注释，那么你有时可能会发现搜索过去编写的某些文档的位置有点令人沮丧，因为代码有时会变得有点拥挤。
通过更好的评论，您可以通过介绍彩色评论使您的评论更加明显：
现在，您可以更好地提醒您的团队成员，!或者?引起他们的注意:)
我第一次看到这个扩展的屏幕截图时，我知道我必须采用并将此权利引入我的开发工具包中。编码是我的热情，激情应该是有趣的。所以有了这种心态，这绝对有助于我享受我喜欢做的事情。
一个快速有趣的事实是，有时多一点颜色可以帮助加快发展流程，因为它可以影响血液流动和唤醒。换句话说 - 您 不仅 可以获得 娱乐 ，还可以通过为您的工作流程添加颜色来改善您的 健康 状况！
Material Theme是一个史诗般的主题，您可以直接安装到VS代码中，使您的代码如下所示：
这必须是有史以来最好的主题之一。我不确定如何详细说明主题是多么棒，但这真是太棒了。立即安装并与我一起努力将世界变成一个物质主题世界！（或者不要加入我，只使用主题。这也很酷）
如果您是TypeScript用户：由于TSLint背后的支持者宣布计划在今年某个时候弃用TSLint，您应该开始考虑移动tslint配置以使用ESLint + TypeScript配置方法。
项目逐渐采用@ typescript-eslint / parser和相关软件包来确保其项目的面向未来的设置。您仍然可以使用新设置来充分利用ESLint的大多数规则和兼容性。
对我来说，由于多种原因，stylelint在我的所有项目中都是必须的：
现在我不确定你或其他开发人员在为他们的项目进行头脑风暴时喜欢做笔记，但我喜欢用降价格式写下笔记。
首先，我很容易理解。还有大量的工具可以帮助促进写下降记录文本的过程，包括markdownlint。Markdownlint是一个vs代码扩展linter，可以帮助您在.md文件中进行样式检查。更酷的部分是它支持 更漂亮的格式化 ！
此外，我个人喜欢在我的所有项目上安装Docsify，因为它支持每个项目的降价和其他增强功能。
我习惯在我的应用程序代码中编写待办事项，因此像TODO Highlight这样的扩展对于突出我在整个项目中设置的待办事项非常有用。
Import Cost是第一次尝试时变得非常有用的工具之一。但过了一段时间，你开始意识到你不再需要这个工具了，因为它会告诉你一段时间内你已经知道的东西。尽管如此，请尝试使用此工具一段时间，因为您可能会发现它很有用。
Sometimes it can get frustrating trying to match the other end of a tag. That's where Highlight Matching Tag becomes to take your frustrations away:
说到挫折，有时候回到音乐播放器切换音乐然后不得不回到vs代码继续做你正在做的事情会让人感到沮丧。这就是vscode-spotify的用武之地，因为它允许你在内部和代码中使用spotify！
使用此扩展程序，您将能够在状态栏中看到当前正在播放的歌曲，通过按热键切换歌曲，单击按钮来控制spotify等等！
GraphQL 一直在不断发展，因为我们开始在JavaScript社区的每个角落看到它。如上所述，如果您尚未考虑在处理GraphQL语法时从语法高亮，linting和自动完成功能中受益，那么开始考虑将VSQL的GraphQL安装到您的vs代码中可能是一个好主意。
我个人经常使用GatsbyJS，因此我的日常编码生活涉及阅读GraphQL语法。
与上面的 突出显示匹配标记 类似的原因。如果您无法通过缩进找到自己的方式，那么Indent Rainbow可以帮助您更轻松地阅读这些缩进。
这是一个例子：
这是其中一个扩展，其中 每个人都 问我“你从哪里得到的？” 如果他们还没有遇到这个扩展。基本上，Color Highlight有助于突出显示代码中的颜色，如下所示：
Color Picker是一个vscode扩展，为您提供图形用户界面，以帮助您选择和生成CSS颜色符号等颜色代码。
我第一次阅读REST Client并亲自试用它，它似乎不是像Postman这样的老软件的有用工具。
但是我使用REST Client扩展的次数越多，我就越意识到它会对我的开发工具产生多大的影响，特别是在测试API时。
您可以创建一个新文件并使用以下一行：
创建HTTP GET请求所需要做的就是突出显示一行，转到命令面板（CTRL + SHIFT + P），单击 Rest Client：Send Request ，它将继续并弹出一个新选项卡在一秒钟内请求响应详细信息。
很有用：
您甚至可以将参数或请求正文数据传递给POST请求，下面只需要几行代码：
这将使用body参数发出POST请求 { "email": "someemail@gmail.com", "password": 1 }
我讨厌不得不手动写下我在开发工具中使用的扩展笔记的降价列表，并将其保存在像Evernote这样的笔记服务中，直到Settings Sync拯救。
基本上，你只需要一个gist / github帐户，每次你想要保存你的设置（这包括键绑定，片段，扩展等）你只需要按 SHIFT + ALT + U 将 私人 设置上传到你的吉斯帐户，所以下次登录或重新格式化到另一台计算机时，您可以通过按 SHIFT + ALT + D 立即下载您的设置。
Todo Tree将帮助您在整个应用程序代码中找到您创建的所有待办事项到一个树中，您可以在面板的左侧一次查看它们：
Toggle Quotes是一个有趣的实用程序扩展，可让您在引号之间切换。当您即将使用字符串插值时需要切换到反引号时，它会派上用场，特别是当更漂亮的习惯是将字符串美化为单引号时。
您可以在不使用Better Align首先选择代码的情况下对齐代码。
要使用：将光标放在要对齐的代码中，然后使用 CTRL + SHIFT + P （或任何您自定义的快捷方式打开命令调色板）弹出命令调色板并调用 Align 命令。
自从我第一次启动VS代码以来，Auto Close Tag一直对我很有用。它允许你输入类似的东西p，按下斜线/，它将为你完成最后一个箭头。这是默认情况下不在vs代码中的东西，对我来说非常有用:)
当我的数组没有按字母顺序对齐时，我有一种令人沮丧的习惯，就是变得沮丧。幸运的是，Sort Lines等工具可以让我的生活更轻松。如果你以类似的方式感到沮丧，你可能会发现这对你很有帮助。
我可能是唯一一个发现这个有用的人，但是VScode Google Translate帮助我完成了我的项目，因为我参与了一个多语言的项目。如果您不想离开编辑器，这很有用。
Prettier是vs代码的扩展，可自动格式化您的JavaScript / TypeScript /等。代码使用更漂亮。
我更喜欢Material Icon Theme而不是其他图标主题，因为对于哪些文件类型来说，它更明显，尤其是在黑暗主题中工作时。
HTML中的CSS类名称的IntelliSense是基于HTML class属性的CSS类名称完成，该属性基于工作区中的定义。
Path Intellisense是一个vs代码扩展，可以为您自动填充文件名。
我希望这有助于您找到新的东西添加到您的开发套件中！