Front-end Project Snippets

Translations

• Portuguese - Brazil

Install

If you already have the Package Control installed , just search for Front-end Project Snippets. If you have not installed in the Sublime, you can do it here.

You can manually download the package and place it within your Packages directory. It will work, but it will not be automatically updated.

You can see all installed snippets in Tools > Snippets..., in the Sublime Text.

[Tested on windows] When the "."(dot) is used, the autocomplete disappears.. Solve this problem, just put in your user Preferences > Settings - User, the property word_separators with value without the "."(dot). You can see an example here.

Snippets and prefixes/keys

• HTML - h.*
  • Microdata - hm.*
  • WAI-ARIA - hw.*
• CSS - c.*
• JavaScript - j.*
  • EcmaScript 2015 - je.*
  • Libraries
    • jQuery - jq.*
    • React - jr.*
  • Patterns
    • Design Patterns - jdp.*
    • UMD - jumd.*
  • Tests
    • Common - t.*
    • Chai - tc.*
    • Jasmine - tj.*
    • Mocha - tm.*
    • Node - tn.*
    • QUnit - tq.*
    • Sinon - ts.*
• Regex
• Schema.org
  • JSON-LD - sj.*
  • Microdata - sm.*
  • RDFa - sr.*
• External - e.*
• Comment
  • HTML - hc.*
  • CSS - cc.*
  • JavaScript - jc.*
• Structure data (examples)
  • Microdata - z.microdata
  • JSON-LD - z.jsonld
  • RDFa - z.rdfa

References

• @caiogondim (Caio Gondim) https://github.com/caiogondim/js-patterns-sublime-snippets
• @zenorocha (Zeno Rocha) https://github.com/zenorocha/sublime-javascript-snippets
• @joshnh (Joshua Hibbert) https://github.com/joshnh/CSS-Snippets
• (Schema.org) http://schema.org/
• (jQuery) https://api.jquery.com/
• (jQuery Boilerplate)https://jqueryboilerplate.com/
• (JSDuck) https://github.com/senchalabs/jsduck
• (idiomatic CSS) https://github.com/necolas/idiomatic-css
• (JS Design Patterns) https://addyosmani.com/resources/essentialjsdesignpatterns/book/
• (Node.js Assert) https://nodejs.org/api/assert.html
• (Jasmine) http://jasmine.github.io/2.0/introduction.html
• (ReactJS cheatsheet) http://reactcheatsheet.com/
• (ES6 Features) https://github.com/lukehoban/es6features#readme

Contributing

• Fork it!
• Create your feature branch: git checkout -b my-new-feature
• Commit your changes: git commit -m 'Add some feature'
• Push to the branch: git push origin my-new-feature
• Submit a pull request

Log

Check Releases for detailed changelog.

License

MIT license © Hemerson Vianna