Decision
One solution to this problem is to create snippetwith WebStorm.
What is snippetWebStorm?
snippets- These are parts of the code that we usually use in our work on code; that is, the part of the code that contains the pattern that should be repeated at any time .
For example, the following code snippet:
<!doctype html>
<html>
<head lang="es">
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
</head>
<body>
</body>
</html>
How to implement this?
IDE WebStorm
![! [A1124] (A112_images / A1124.png)](https://fooobar.com/undefined)
File> Settings CTRL+ ALT + S .
Editor (1) & rarr; Live Templates (2). seeker (3)
(4), , .
, (5) (Webstorm ).
(6) add (+), delete (-), duplicate restore.
. . , .
( EDgrid), Live, + ( ).
, , Template Group, React, React:
![! [A112] (A112_images / A112.png)](https://fooobar.com/undefined)
Ok.
Live Template:
![! [A1121] (A112_images / A1121.png)](https://fooobar.com/undefined)
Abbreviation , , :
Description .
Template Text
<View>$END$</View>
Define:
![! [A1123] (A112_images / A1123.png)](https://fooobar.com/undefined)
Javascript.
, .
![! [A1122] (A112_images / A1122.png)](https://fooobar.com/undefined)
![! [GIF] (A112_images / gif.gif)](https://fooobar.com/undefined)