cmstead/articulate-js

An extension to refocus JS development around talking about logic instead of raw code

Articulate JS

Code Like You Talk

Articulate JS is a tool to help developers talk about code and write software in a more conversational way. The goal is, not only, to make pairing and mobbing easier while working with Javascript, but to also create a meta-interface for developers to use which will provide the following benefits:

• Make code structure more consistent
• Separate logical flow from syntax specifics
• Reduce typing mistakes
• Automate code generation through common language and vocabulary
• Automate common small code modifications

(Click image to see Articulate JS in action!)

Installing Articulate JS

1. Open Visual Studio Code1
2. Open extension sidebar item
3. Search for Articulate JS
4. Click install button
5. Click reload to complete installation (as needed)

Using Articulate JS

Actions

All of these actions are available in the command pallette and in the context (right click) menu.

Assign

Add assignment declaration at current position or assign current selection to a variable

Convert Variable Type

Converts variable type to const, let, or var as you choose. Provides options which do not match the current variable type.

Return

Add return at current position or return selection

Surround With

Surround selection with one of many different snippets

Snippets

The bulk of Articulate JS is currently snippets. These snippets are built with the maximum amount of assistance possible, including supporting capturing highlighted text for inclusion in the output code, selection dropdowns for common options and so on. Be sure to tab through all tab-stopped options to see what kind of assistance the snippets can provide.

• Variable
  • Initialization
  • Declaration
  • Assignment/Set
• Function
  • Definition
  • Expression
  • Calling
  • Call with context
  • Binding
  • Applicationg
  • Awaited calling
• Arrow Function
• Immediately Invoked Function Expression (IIFE)
• Conditionals
  • If Block
  • Else-If Block
  • Else Block
• Loop
  • For
  • For-In
  • For-Of
  • While
• Strings
  • String Literal
  • Template Literal
  • Template Variable
• Console
  • Methods (Log, Debug, Error)
  • Log
• Array
• Object
  • Literal
  • Property
    • Create new property
    • Create new function property
    • Add property assignment
    • Add property read
• Return
• Promise
  • New Instance
  • Then
  • Catch
• Class
  • Create class
  • Add constructor
  • Add method
  • Awaited method calling
• Try/Catch

Version History

v1.3.2

• Added convert variable type

v1.2.1

• Added class support
• Added await support for calls
• Added try/catch

v1.1.1

• Fleshed out more templates
• Added "Surround With" behavior
• Added "Return" behavior
• Added "Assign" behavior

v1.0.0

First release