javascript-expert

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]!