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

atomis 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!