![]() It will save you a lot of clicks on the ‘reload’ button (or cmd+r). LiveReload – Make your life easier with this live reload ability.JavaScript, SCSS, Python, HTML, Ruby, Python3, XML, HTML5, Perl, CSS, Node.js, Tcl, TemplateToolkit and (of course) PHP. Few of the technologies that are supported: Next on the line is the option to make our editor a bit more friendly with: SublimeCodeIntel It’s A full-featured code intelligence and smart autocomplete engine for Sublime Text. css file in editor and then open Preferences -> Settings More -> Syntax Specific - User CSS.I always start with the one package that allow to stay in sublime and improve it quickly: packagecontrol.io 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
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |