https://github.com/cmstead/articulate-js
An extension to refocus JS development around talking about logic instead of raw code
https://github.com/cmstead/articulate-js
Last synced: over 1 year ago
JSON representation
An extension to refocus JS development around talking about logic instead of raw code
- Host: GitHub
- URL: https://github.com/cmstead/articulate-js
- Owner: cmstead
- Created: 2019-04-08T21:07:47.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2019-04-12T04:14:10.000Z (about 7 years ago)
- Last Synced: 2025-01-18T15:25:42.868Z (over 1 year ago)
- Language: JavaScript
- Size: 353 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# 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
[](https://youtu.be/ufiQuqXXDXc)
(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