Shulou(Shulou.com)06/02 Report--

Editor to share with you to improve the coding rate of the front-end atom plug-ins, I believe that most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

Atom is an editor from github. Its beautiful interface and rich extensibility are loved by front-end programmers, and now it is becoming more and more popular. Let's take a look at the necessary plug-ins to make you feel better.

1 syntax supports atom-chs-menu (- editor Chinese) You know) language-babel (- ES2016, ESNext, JSX syntax extensions) language-postcss (- PostCSS syntax highlighting) 2 auto-completion autocomplete-modules (- module name auto-completion) autocomplete-paths (- path auto-completion) atom-ternjs (- ES5, ES6, ES7, Node.js, jQuery, Angular, etc. Js code auto-completion) emmet (- fast handwritten HTML, CSS Sass / SCSS / LESS) 3 Syntax Checker linter (- basic Grammar Checker Framework) linter-jshint (- jshint-based JavaScript Syntax Checker plugin) linter-eslint (- ESLint-based JavaScript Syntax Checker plugin) editorconfig (- multiplayer collaborative development Consistent coding style between different editors) 4 version control git-plus (- drop the terminal, execute Git commands in Atom Atom the latest core components, integrate Git and GitHub functions! You can try! ) merge-conflicts (- handling conflicting files through Atom) 5 Project Management project-manager (- gives you easy access to all your projects At the same time, you can manage your project through additional configuration) 6 extended functions minimap (- source code preview) file-icons (- display the icon corresponding to the file type) atom-beautify (- code formatting) pigments (- code color visualization) color-picker (- color picker) highlight-selected (- highlighted selected) minimap-highlight-selected (- high in the source code preview image Highlighted) docblockr (- comment plug-in) markdown-preview-plus (- markdown Live Preview) hyperclick (- Jump to variable definition file Need to be used with js-hyperclick) js-hyperclick (- jump to variable definition file, need to be used with hyperclick) travis-ci-status (- bottom status bar extension, add project Travis CI status) platformio-ide-terminal (- trigger terminal embedded in Atom via Ctrl + `) sync-settings (- backup Atom package and set to Gist Easy to restore) these are all the contents of the article "what are the front-end atom plug-ins to improve the coding rate?" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.