prettier

声明：本文为译文，原文链接：https://www.robinwieruch.de/react-libraries React 已经诞生很久了，自从它诞生开始，围绕组件驱动形成了一个非常全面的生态，但是来自其他编程语言或者框架的开发人员很难找到要构建一个 React 系统的所有组件。如果你是来自于像 Angular 这样的框架的开发者，你可能已经习惯了框架包含了所需要的所有功能， 然而对于 React 来说，它的核心并不是完善所有的可选库。这是优势还是劣势取决于你自己。当我从 Angular 切换到 React，我绝对经历了它作为 React 的优势。 只有通过 React，您才能使用函数组件和 props 构建组件驱动的用户界面。它带有一些内置的解决方案，例如，用于本地状态和副作用的 React Hooks。 下面的文章将向您提供一些自己总结的方法，以便从补充库中进行选择，从而构建一个全面的 React 应用程序。 如何开始 React 如果你是一个完全不熟悉 React 的初学者想创建一个 React 项目，加入 React 的世界。有许多工具包项目可以选择，每个项目都试图满足不同的需求。React 社区的现状是通过 Facebook 的 create-react-app(CRA)。它提供了一个零配置的设置，并给你一个开箱即用并且简单的启动和运行的 React 应用程序

❝ 树酱希望将前端的乐趣带给大家 本文已收录 https://github.com/littleTreeme/frontendThings 喜欢就star✨ ❞ ❝ 前沿：在掘金写作不知不觉已经过了四个月了，从一开始寥寥无几的阅读量，到现在有破万阅读的文章，感谢曾支持我的掘金友，希望在未来能加深产出文章的深度，今天从借此机会跟大家分享下树酱日常工作中常用的一些工具，或许可以帮到你提升日常的协作效率 ❞ 1.写作篇 ✏️ ❝ 基于之前很多童鞋在评论区，问树酱说比如思维导图很好看，用的是什么，首图是怎么制作的等等问题，于是通过一些工具的整理希望能帮助到大家 ❞ 1.1 语雀 ❝ 语雀是一个蚂蚁金服孵化出来的专业的云端知识库，类似wiki，目前已经覆盖了10 万阿里员工的使用，来进行文档编写及知识沉淀 官方链接🔗 ❞ 语雀我常用的两个方面 思维导图：一个是语雀自带的思维导图，个人觉得UI体验很强（外表协会） 日记编排：用语雀来保持记录每天在前端开发中遇到的问题及心得体会，方便复盘和回归，最重要的是排版体验高，支持编排，当你回顾你写的文章的时候，阅读体验高，像是在翻书一样 1.2 Process On ❝ ProcessOn是一个在线协作绘图平台,为用户提供最强大、易用的作图工具。支持在线创作流程图、思维导图、组织结构图、网络拓扑图、BPMN、UML图、UI界面原型设计等 ❞

　　高效的前端开发工具有哪些?在互联网中许多开发工具可以让前端开发人员的工作生活变得更加轻松。应用程序的功能越来越丰富，也导致了前端开发的复杂度大幅增加，急需好的开发工具。今天和大家分享一些前端开发常用工具，这些工具真的对于提高工作效率有很大的帮助。 　　高效的前端开发工具： 　　1、EnjoyCSS 　　运用CSS，非常简单的工具就是遇到困难时的救星。EnjoyCSS可以让你通过简单的UI设计你的元素，并且提供相关的CSS输出。 　　2、Prettier Playground 　　Prettier是一个代码格式化程序，支持JavaScript，包括ES2017、JSX、Angular、Vue、Flow、TypeScript等。它可以移除你的原始格式，并且将其替换为遵循最佳运行方式的、标准的一致样式。如此便捷的工具在我们的编辑器中十分流行，与此同时它还有一个线上版本，可以在线完成对代码格式的修正。 　　3、Postman 　　Postman就一直在我的开发人员工具集中。它在后端检查GET、POST、DELETE、OPTIONS和PUT在内的一系列端点这方面，起到了非常显著的作用。 　　4、StackBlitz 　　根据Chidume Nnamdi显示，StackBlitz是每名使用者都很喜欢的一款在线编辑工具。最重要的一点就是，它将IDE引入了web——Visual Studio

一、coding 1、选择一个Python解释器 通过 命令选项板（⇧⌘P） ，键入 Python：Select Interpreter 命令，然后选择一个解释器。 成功后左下角出现： 2、运行代码 二、重构 1、提取变量 / 方法 2、整理和排序 imports 三、formatting & linter 为什么要把 formatting 和 linter 放在一起说，两个其实是不同的东西（虽然通常一起协作）。因为市面上的工具有的是单独的，有时候是两者兼有，网上也没有一篇真正梳理的比较好的文章。我也就懒得分了，姑且直接以 集成进 vscode 为使用场景来分别介绍这两种。 1、formatting - 支持 vscode 支持 autopep8 （默认）， black 或 yapf 。 （1）指定 "python.formatting.provider": "autopep8" 默认的 autopep8 无需安装，但是如果要用 black 或 yapf，则需要 pip install 它们。 （2）配置 # 形如 "python.formatting.[name]Args": ["--line-length", "100"]，譬如： "python.formatting.blackArgs": ["--line-length", "100"] 2、formatting - 推荐

Python实战社群 Java实战社群 长按识别下方二维码， 按需求添加 扫码关注添加客服 进Python社群▲ 扫码关注添加客服 进Java社群 ▲ 作者丨前端章鱼猫 来源丨前端GitHub（ID：FrontEndGitHub） 今天给大家带来的是 几个大厂的前端代码规范 。 前端代码规范 代码千万行，安全第一行；前端不规范，同事两行泪。 腾讯 包含内容也挺多的： PC端专题 ：快速上手、文件目录、页面头部、通用title、通用foot、统计代码、兼容测试 移动端专题 ：快速上手、文件目录、页面头部、REM布局、通用foot、统计代码、分享组件、兼容要求 双端官网 ：快速上手、页面跳转 http://tgideas.qq.com/doc/index.html 不过里面也有一些内容是针对其业务的，并不通用。 京东 对比腾讯的代码规范，我更推荐凹凸实验室的代码规范，比较齐全。 HTML规范 基于W3C、苹果开发者等官方文档，并结合团队日常业务需求以及团队在日常开发过程中总结提炼出的经验而约定。 图片规范 了解各种图片格式特性，根据特性制定图片规范，包括但不限于图片的质量约定、图片引入方式、图片合并处理等。 CSS 规范 统一团队 CSS 代码书写和 SASS 预编译语言的语法风格，提供常用媒体查询语句和浏览器私有属性引用，并从业务层面统一规范常用模块的引用。 命名规范 从 “目录命名