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!