AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |
Back to Blog
Javascript formatter sublime9/1/2023 ![]() ![]() Multiple cursors: Command + Click as many times as needed.Select next matching text: Highlight text + Command + D repeat to select another match.Move line up/down: Command + Control + Up/down Arrow.Cursor to end of word: Option + Right/Left Arrow.Cursor to beginning of line: Command + Left Arrow.Cursor to end of line: Command + Right Arrow.css file in editor and then open Preferences -> Settings More -> Syntax Specific - User CSS. css files you can use for example csscomb command You can utilize the Sublime-hooks plugin to define a hook (command), which is executed when you save a file with specific file extension.įor. You can see some nice examples here Configuring editor How to set up ESLint you cand find in Dan Abramov’s post Lint Like It’s 2015 and Jonathan Creamer’s post Setup ESLint with ES6 in Sublime Text.ĪlignTab – Align text using regular expressions. If you need ES6 and jsx code linting, you can use plugins ESLint plugins babel-eslint and eslint-plugin-react. Pretty JSON – JSON source code formattingĬonsole Wrap for js – places your selected variable in console.logīabel-sublime – syntax definitions for ES6 JavaScript with React JSX extensions. ![]() JsFormat – javascript source code formatting Sublime-fixmyjs – plugin for fixmyjs, which automatically fix your JavaScript errors in a non-destructive wayįileHeader – templating plugin which inserts initial content to created or (already existing) file JavaScript Completions – more hints and completions for JavaScript code Sublime-tern – plugin for TernJS, which analyses your JS code on-the-fly and provides autocompletion, function argument hints, jump-to-definition, and various automatic refactoring operations. SassBeautify – SCSS source code formatter If you use LESS, Stylus or SASS, you basically need packages for code linting, formatting and syntax highlighting. Goto-CSS-Declaration – Goto CSS declaration in an open *.css fileĬSS Extended Completions – extended css, less and scss completionsĮmmet LiveStyle – live bi-directional CSS editing Sublime-csscomb – plugin for CSScomb – a coding style formatter for CSSĬolorHighlighter – highlights color values SublimeLinter-xmllint – plugin for SublimeLinter provides an interface to xmllint HTMLBeautify – HTML source code formatterĮmmet – web development toolkit which greatly improves HTML & CSS workflow I use SublimeLinter-contrib-htmlhint, SublimeLinter-contrib-bootlint, SublimeLinter-csslint, SublimeLinter-contrib-scss-lint, SublimeLinter-eslint, SublimeLinter-json HTML, XML packages SublimeLinter is code linting framework and each language needs its own plugin, you can see a list here. Terminal – launches terminal from the current file TodoReview – scans comments (TODO, NOTE, FIXME, CHANGED) within your code and builds a results page that allows you jump to files with these comments Sublime-hooks – run sublime commands on common event hooks like new, close, save, etc.Įditorconfig-sublime – plugin for EditorConfig, which helps developers define and maintain consistent coding styles between different editors and IDEsĪceJump – jump between characters without using a mouse SyncedSideBar – sync project sidebar (folder view) with currently active fileĪutoFileName – autocomplete functionality for filesĪll Autocomplete – by default Sublime only considers words found in the current file, this package extends the default autocomplete to find matches in all open files Sidebar Enhancements – makes the sidebar more user friendly and improves its usability by adding more options to it Package Control – allows to manage packages in editor Currently, I sometimes use the Sublime text editor for small edits and this short blog post can help someone to find interesting plugins. It’s super fast and highly customizable with tons of plugins, which gives extra functionalities to the editor. Sublime text editor is my favourite and one of the most powerful editors for front-end web development (HTML, CSS, SCSS, JavaScript, React.js, ES6). ![]()
0 Comments
Read More
Leave a Reply. |