javascript-expert extension for Visual Studio Code

This extension is for Javascript lover. This extension save your time and give you power for write code with short prefix command.

Installation

Install through VS Code extensions. Search for javascript-expert

Javascript-expert

Can also be installed using

ext install javascript-expert

Usage

Available Shortcut Key:

| sl | key | code | Description | | ---- | ----------- | ------------------------------------------------------------ | ----------------------------------------------------- | | 1 | d | console.log("===============================");console.log(value);console.log("==============================="); | d key is use for console.log show for debug your code | | 2 | caf | const functionName =()=>{ return ;} | caf is use for use const arrow function syntax | | 3 | laf | let functionName =()=>{ return ;} | laf is use for use let arrow function syntax | | 4 | rf | function functionName(){} | rf is use for regular function | | 5 | im6 | import default_module_name from "package_name" | im6 is used for import es6 module import | | 6 | im5 | var module_name = require("package_name") | im5 is used for import es6 module import | | 7 | em6 | export default moduleName; | module export syntax | | 8 | em5 | module.exports = moduleName; | module export syntax single or default syntax | | 9 | me6 | export { } | module export syntax single or default syntax | | 10 | me5 | module.exports={} | module export syntax es5 multiple | | 11 | erf6 | function name(){//write your code here....}export default name; | module export syntax es6 multiple | | 12 | ef5 | function name(){//write your code here...} module.exports=name; | module export syntax es5 multiple | | 13 | edfr | export default function name(){//write your code here...} | export default function regular | | 14 | edfa | const name=()=>{return returntedValue; } | export default arrow function | | 15 | rfc | import React from "react";const App=()=>{return (Hello world!);}export default App; | react functional component write | | 16 | cc | import React from "react";class ComponentName extends React.Component {render(){return "Hello World";}}export default ComponentName; | React Class component | | 17 | cccs | import React from "react";class ComponentName extends React.Component {constructor(props){super(props)this.state = {}; }render(){return "Hello World";}}export default ComponentName; | Class component with constructor and props | | 18 | is | style ={{ }} | inline style | | 19 | useState | const [state, setState] = useState(value) | useState Hooks | | 20 | useEffect | React.useEffect(()=>{//write your effect here...},[dependecy]) | useEffect Hooks | | 21 | useContext | const value = React.useContext(MyContext) | useContext Hooks | | 22 | useReducer | const [state, dispatch] = React.useReducer(reducer, initialArg, init); | useReducer Hooks | | 23 | useCallback | const callBack = React.useCallback(()=>{},[]) | useCallback Hooks | | 24 | useRef | const ref = React.useRef(null) | useRef Hooks | | 25 | useMemo | const callBack = React.useMemo(()=>{},[]) | useMemo Hooks | | 26 | denos | import { serve } from "https://deno.land/std/http/server.ts"; serve(req => new Response("Hello World\n")); | deno start program code template | |27 |d-handle| function handler(req: Request): Response {     return new Response("Hello, World!");} | handler function deno

Contribute

This is my first Visual Studio Extension so I probably made some terrible choices. Feel free to [open issues or PRs on the GitHub page][github page]!