OctoberCode - VS Code extension

Show and Tell
#1

Hello everyone! Want to introduce my new vscode extension for work with OctoberCMS.

It provides some cool features, such as

  • template files formatting
  • code completions
  • code generation
  • code navigation
  • some diagnostics and quick fixes
  • and more…

Extension can be downloaded here October Code - Visual Studio Marketplace

16 Likes
PHP(Storm) Formatting inside twig templates
#2

I look forward to trying it out!

#3
#4

Works really well. Thanks for creating this. Will use it from now on.

1 Like
#5

great job! thank you

#6

Uoh… I’ve been waiting for such an extension for a while. Thanks a lot!

Great job!

#7

Hello!

Great plugin! Really great job.

One question. How can I detect OctoberCMS in VSCode? I’ve got always the error that octobercms is not detected.

Thank you!

#8

OctoberCMS is detecting by artisan and october/system or october/all in composer.json in project root.

1 Like
#9

Thanks for the reply! Now everything works fine.

I normally only work in the themes folder, so there was my problem.

#10

When working in a theme file, starting to type {{ the plugin autocomplete with }}{{ instead of }} in some cases. Anyone see this as well?

#11

It happens when setting editor.autoClosingBrackets != "always". Will try to fix it in next release.

1 Like
#12
#13

Nice job!

Thanks for your contribution.

#14

Thank you very much! It’s very good.

I got two question:

  • What if I opened the VSCode where the OC is not at root? Can I set the OC installation root path somewhere?
  • How can I enable emmet abbreviation?
#15

Hi.

What if I opened the VSCode where the OC is not at root? Can I set the OC installation root path somewhere?

No, now extension does not support anything like that.

How can I enable emmet abbreviation?

Add this to your VSCode config

"emmet.includeLanguages": {
    "october-tpl": "html"
},

You can find more info about configuring VSCode in README.md of extension or on extension’s VSCode marketplace page.

1 Like
#16

Not sure but I might have found an error within the extension:

When I use Tab Icons within a fields.yaml file and those tabs has terms from the lang file as name, they’re marked as invalid:

    icons:
        'my.plugin::lang.terms.data': icon-file-image-o

But actually they work within OctoberCMS, so I guess there’s a mistake?

I use version v0.7.6

#17

Thanks. Will fix in next release

1 Like
#18

OctoberCode was updated to version 0.9.0. This release brings:

  • support for multi-folder workspaces
  • work with modules and app directory
  • support for parent/child themes
  • some new completions and links
  • many improvements in existing functionality

All changes you can see on changelog tab of extension’s vscode marketplace page.

3 Likes
#20

Hi, I really like your extension! Just use 0.9.1 of your plugin and found one missing keyword for config_list.yaml:
the structure: tag is not recognized:

structure: => shown as red
    showTree: false
    showReorder: true
    maxDepth: 1
#21

Hi, in your case tag structure marked as red because in YAML schema for config_list.yaml properties showTree, treeExpanded and showReorder inside tag structure marked as required. Will make all optional in next release.

1 Like