神刀安全网

12 Brackets Extensions That Will Make Your Life Easier

By Jacob Gube

Brackets is a great source code editor for web designers and front-end web developers. It has a ton of useful features out of the box. You can make your Brackets experience even better by using extensions.

These Brackets extensions will help make your web design and front-end web development workflow a little easier.

1. CanIUse

Quickly see the current level of browser support a certain web technology has without leaving Brackets. This extension sources its data from Can I use .

12 Brackets Extensions That Will Make Your Life Easier

2. HTML Skeleton

HTML Skeleton helps you set up your HTML files quickly by automatically inserting basic markup such as the doctype declaration, <html> , <head> , <body> , etc.

12 Brackets Extensions That Will Make Your Life Easier

Related: A Generic HTML5 Template

3. HTML Wrapper

Rapidly mark up a list of text into list items ( <li> ), table rows ( <tr> ), hyperlinks, ( <a> ), and more with HTML Wrapper.

12 Brackets Extensions That Will Make Your Life Easier

4. Brackets Icons

This is a super simple extension that adds file icons in Brackets’s sidebar. The icons are excellent visual cues that make it much easier to identify the file you’d like to work on.

12 Brackets Extensions That Will Make Your Life Easier

5. Autoprefixer

Automatically and intelligently add vendor prefixes to your CSS properties with the Autoprefixer extension. It uses browser support data from Can I use to decide whether or not a vendor prefix is needed. It’ll also remove unnecessary vendor prefixes.

12 Brackets Extensions That Will Make Your Life Easier

6. JS CSS Minifier

This extension will remove unneeded characters from your JavaScript and CSS files. This process is called minification, and it can improve your website’s speed .

12 Brackets Extensions That Will Make Your Life Easier

7. CSSLint

This extension highlights CSS errors and code-quality issues. The errors and warnings reported by this extension are based on CSS Lint rules .

12 Brackets Extensions That Will Make Your Life Easier

8. Emmet

Emmet is a collection of tools and keyboard shortcuts that can speed up HTML- and CSS-authoring.

12 Brackets Extensions That Will Make Your Life Easier

9. Lorem Ipsum Generator

Need some text to fill up yourdesign prototype? The Lorem Ipsum Generator extension helps you conveniently generate dummy text. (And if you need image placeholders, have a look at Lorem Pixel or DEVimg .)

12 Brackets Extensions That Will Make Your Life Easier

10. Beautify

This extension will help keep your HTML, CSS, and JavaScript code consistently formatted, indented, and — most importantly — readable. An alternative option to check out is the CSSComb extension .

12 Brackets Extensions That Will Make Your Life Easier

11. Simple To-Do

Make sure you don’t forget your project tasks by using the Simple To-Do extension, which allows you to create and manage to-do lists for each project within Brackets.

12 Brackets Extensions That Will Make Your Life Easier

12. eqFTP

Transferring and syncing your project’s files to your web host or server requires FTP or SFTP, but such a fundamental web development feature doesn’t come with Brackets. To remedy the situation, use the eqFTP extension, an FTP/STFP client that you can operate from within Brackets.

12 Brackets Extensions That Will Make Your Life Easier

How to Install Brackets Extensions

The quickest way to install Brackets extensions is by using the Extension Manager — access it by choosing File > Extension Manager in Brackets’s toolbar.

12 Brackets Extensions That Will Make Your Life Easier

If I didn’t mention your favorite Brackets extension, please talk about it in the comments.

12 Brackets Extensions That Will Make Your Life Easier Jacob Gube is the founder of Six Revisions. He’s a front-end developer. Connect with him on Twitter and Facebook .

Related

A New Breed of Free Source Code Editors

10 Open Source Blogging Platforms for Developers

15 Free Books for People Who Code

Should Web Designers Know HTML and CSS?

5 Games That Teach You How to Code

This was published on Mar 28, 2016

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » 12 Brackets Extensions That Will Make Your Life Easier

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
分享按钮