Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/japrozs/snippety
This is a snippet extension for VSCode. This extension provides you with snippets of all web programming frameworks in Python and JavaScript
https://github.com/japrozs/snippety
angular axios classnames django es6 es7 flask japrozsinghsaini javascript lodash nextjs nodejs python react redux snippets vscode vue vuex
Last synced: about 1 month ago
JSON representation
This is a snippet extension for VSCode. This extension provides you with snippets of all web programming frameworks in Python and JavaScript
- Host: GitHub
- URL: https://github.com/japrozs/snippety
- Owner: japrozs
- License: mit
- Created: 2020-09-13T04:08:26.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2020-10-13T04:26:13.000Z (over 4 years ago)
- Last Synced: 2024-11-11T05:43:48.607Z (3 months ago)
- Topics: angular, axios, classnames, django, es6, es7, flask, japrozsinghsaini, javascript, lodash, nextjs, nodejs, python, react, redux, snippets, vscode, vue, vuex
- Homepage: https://marketplace.visualstudio.com/items?itemName=JaprozSinghSaini.snippety
- Size: 397 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Snippety
[](https://vsmarketplacebadge.apphb.com/version-short/JaprozSinghSaini.snippety.svg)
[](https://vsmarketplacebadge.apphb.com/installs-short/JaprozSinghSaini.snippety.svg)
[](https://vsmarketplacebadge.apphb.com/downloads-short/JaprozSinghSaini.snippety.svg)
[](https://vsmarketplacebadge.apphb.com/rating-short/JaprozSinghSaini.snippety.svg)
This extension provides you with Snippets for all web programming frameworks such as React, Redux, Vue, Angular, Flask, Django and much more https://visualstudio.com## What's new
Support has been added for Ruby on Rails and also for the new and upcoming `ml5js` library which is a machine learning library for the browser.You can visit it at [ml5js.org](https://ml5js.org)
## Languages
Snippety provides support for the following languages:
- JavaScript
- React
- ES7
- TypeScript
- Vue
- Angular
- Next
- Lodash
- GraphQL
- Express
- Ml5JS
- Python
- Flask
- Django
- Ruby
- Rails### Visual Studio Marketplace
Launch *Quick Open*:
- [_Linux_](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-linux.pdf): `Ctrl+P`
- [_macOS_](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf): `⌘P`
- [_Windows_](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf): `Ctrl+P`Paste the following command and press `Enter`:
```bash
ext install japrozsaini.snippety
```### GitHub Repository Clone
Change to your `.vscode/extensions` [VS Code extensions directory](https://code.visualstudio.com/docs/extensions/install-extension#_side-loading). Depending on your platform it is located in the following folders:
- _Linux_: `~/.vscode/extensions`
- _macOS_: `~/.vscode/extensions`
- _Windows_: `%USERPROFILE%\.vscode\extensions````bash
git clone https://github.com/Japroz-Saini/Snippety
```Here is direct link to marketplace [Snippety](https://marketplace.visualstudio.com/items?itemName=JaprozSinghSaini.snippety)
## Supported languages (file extensions)
- JavaScript (.js)
- JavaScript React (.jsx)
- TypeScript (.ts)
- TypeScript React (.tsx)
- Vue (.vue)
- Angular (.ts)
- HTML (.html)
- Python (.py)
- Vue (.vue)## Commands
Various Commands with their snippets
#### rfce
Generates a ReactJS functional Component
```javascript
import React from "react";function nav() {
;
return
}export default nav;
```### Vaction
Generates a Standard VueX Action
```javascript
actions: {
updateValue({commit}, payload) {
commit('updateValue', payload);
}
}```
### a-guard-can-activate
Generates an angular Snippets
```javascript
import { Injectable } from "@angular/core";
import {
ActivatedRouteSnapshot,
CanActivate,
RouterStateSnapshot,
} from "@angular/router";@Injectable({ providedIn: "root" })
export class NameGuard implements CanActivate {
constructor() {}canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
return true;
}
}
```### next-api-method
Generates a snippet for a next-api method
```javascript
export default (req, res) => {
if (req.method === "POST") {
} else {
}
};
```### Redux
Generates Redux Snippets for ReactJS
```javascript
const mapStateToProps = (state) => ({});const mapDispatchToProps = {};
```### Python
Can generate Python Code such as below:
```python
class Robot:
'''Represents a robot, with a name.'''
# A class variable, counting the number of robots
population = 0
def __init__(self, name):
'''Initializes the data.'''
self.name = name
print('(Initializing {})'.format(self.name))
# When this person is created, the robot
# adds to the population
Robot.population += 1
def die(self):
'''I am dying.'''
print('{} is being destroyed!'.format(self.name))
Robot.population -= 1
if Robot.population == 0:
print('{} was the last one.'.format(self.name))
else:
print('There are still {:d} robots working.'.format(
Robot.population))
def say_hi(self):
'''Greeting by the robot.
Yeah, they can do that.'''
print('Greetings, my masters call me {}.'.format(self.name))
@classmethod
def how_many(cls):
'''Prints the current population.'''
print('We have {:d} robots.'.format(cls.population))
droid1 = Robot('R2-D2')
droid1.say_hi()
Robot.how_many()
droid2 = Robot('C-3PO')
droid2.say_hi()
Robot.how_many()
print('Robots can do some work here.')
print('Robots have finished their work. So lets destroy them.')
droid1.die()
droid2.die()
Robot.how_many()
```## Ruby on Rails
Type commands starting with rails to see all the various snippets for Ruby on Rails
```ruby
Array.new(${1:len}) { |${2:i}| $0 }
```## Extension Details
```json
{
"name": "snippety",
"displayName": "Snippety",
"description": "Snippets for all your web programming needs (HTML, CSS, React, Redux,Vue, VueX, lodash, Next, classnames ES6, ES7, GraphQL, NodeJS)!!",
"version": "1.2.1",
"publisher": "JaprozSinghSaini",
"author": {
"name": "Japroz Singh Saini",
"email": "[email protected]",
"url": "https://japrozsaini.me"
},
"license": "MIT",
"repository": {
"type": "git",
"url": "https://github.com/Japroz-Saini/Snippety"
},
"bugs": {
"url": "https://github.com/Japroz-Saini/Snippety/issues"
},
"icon": "icon.png",
"keywords": [
"Snippets",
"React Snippets",
"Python Snippets",
"Redux Snippets",
"Angular Snippets",
"Snippety",
"Angular",
"All in One",
"Flask",
"Django",
"Web Snippets",
"Next",
"Lodash",
"Python2",
"Python3"
],
"engines": {
"vscode": "^1.1.0"
},
"categories": ["Snippets"],
"contributes": {
"snippets": [
{
"language": "javascript",
"path": "./snippets/snippets.code-snippets"
},
{
"language": "html",
"path": "./snippets/snippets.code-snippets"
},
{
"language": "javascriptreact",
"path": "./snippets/snippets.code-snippets"
},
{
"language": "python",
"path": "./snippets/snippets.code-snippets"
},
{
"language": "markdown",
"path": "./snippets/snippets.code-snippets"
}
]
}
}
```