Visual Studio Code Snippets for XenForo 2 20211012

[Myke623]

Myke623 submitted a new resource:

Visual Studio Code Snippets for XenForo 2 - Shortcuts and macros for various commonly-used development text snippets

Visual Studio Code snippets for XenForo 2 development, based on @Kier's PhpStorm Live Templates ver 20210519.

View attachment 258354

The following (language).json snippets are included:

• css
• html
• javascript
• php

To install:

1. Extract the zip file to your local computer containing the above (language).json files.
2. In VS Code, go...

Read more about this resource...

 

[Myke623]

Myke623 updated Visual Studio Code Snippets for XenForo 2 with a new update entry:

JavaScript Snippet Improvements

The VS Code Snippets for JavaScript now convert the CamelCase Element/Event Name to lowercase-and-dash for the HTML identifier (data-xf-init).

View attachment 258480

Read the rest of this update entry...

 

[Lee]

Thanks so much for this, words cannot express how useful this is!

 

[Kier]

Nice work

 

[JohnLogar]

This is great and very helpful. I have question you have also added the html.json file and css.json file but how we could access XF templates in editor?

 

[Myke623]

This is great and very helpful. I have question you have also added the html.json file and css.json file but how we could access XF templates in editor?

I'm not entirely sure I understand your question. Instructions for installing each json file are provided in the Resource Overview. The snippets (or templates) are then triggered when you start typing out "prefix" as defined in the json.