Home  >  Article  >  Development Tools  >  Front-end atom plug-in that improves the speed of writing code (recommended sharing)

Front-end atom plug-in that improves the speed of writing code (recommended sharing)

青灯夜游
青灯夜游forward
2020-12-04 17:46:058423browse

Front-end atom plug-in that improves the speed of writing code (recommended sharing)

atom is an editor produced by github. Its beautiful interface and rich scalability are deeply loved by front-end programmers in particular. Nowadays, it is becoming more and more popular. Fire, then let’s take a look at the necessary plug-ins to make you even more powerful

1 Grammar support

atom-chs-menu (-Editor Chinese, you know)
language-babel (-ES2016, ESNext, JSX syntax extension)
language-postcss (-PostCSS syntax highlighting)

Related recommendations: "atom tutorial"


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 automatic completion)
emmet (- Quick handwritten HTML, CSS, Sass / SCSS / LESS)

3 Grammar Check

linter (-Basic Grammar Checking Framework)
linter-jshint (- JavaScript syntax checking plug-in based on jshint)
linter-eslint (- JavaScript syntax checking plug-in based on ESLint)
editorconfig (- Multi-person collaborative development, consistent coding style between different editors)

4 Version control

git-plus (- Throw away the terminal and execute Git commands in Atom. Atom’s latest core component integrates Git and GitHub functions! You can try it!)
merge -conflicts ( - Handle conflicting files via Atom)

5 Project Management


project-manager ( - Let You can easily access all your projects and manage your projects with 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 (-Highlight selection)
minimap-highlight-selected (-Highlight selection in source code preview)
docblockr (- Annotation plug-in)
markdown-preview-plus (- Markdown real-time preview)
hyperclick (- Jump to the variable definition file, Need to be used with js-hyperclick)
js-hyperclick (- Jump to the 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 the terminal embedded in Atom through Ctrl `)
sync-settings (- Backup Atom packages and settings to Gist, easy to restore)

For more programming-related knowledge, please visit: Programming Learning Website! !

The above is the detailed content of Front-end atom plug-in that improves the speed of writing code (recommended sharing). For more information, please follow other related articles on the PHP Chinese website!

Statement:
This article is reproduced at:segmentfault.com. If there is any infringement, please contact admin@php.cn delete