webstorm如何自定义代码模板:以添加canvas模板为例

1、在webstorm中,点击file菜单栏,进入settings设置选项

2、选中Editor中的live Templates(动态模板)

webstorm如何自定义代码模板:以添加canvas模板为例_第1张图片

3、点开javascript,点击+添加按钮

webstorm如何自定义代码模板:以添加canvas模板为例_第2张图片

4、填写模板

webstorm如何自定义代码模板:以添加canvas模板为例_第3张图片

注释:

(1)Abbreviation(缩写):填写了can,即输入can按tap键,就会自动生成代码模板

(2)description:模板介绍

(3)Templates text:模板文字内容,如:我的模板是:

(function () {    
            var canvas = document.querySelector("#canvas");    
            var context = canvas.getContext("2d");    
            canvas.height = 500;  
            canvas.width = 500;  
  
            context.beginPath();    
            context.moveTo(0,0);    
            context.closePath();    
            context.stroke();    
        }());   

5、点击Define,勾选Javascript,完成自定义

webstorm如何自定义代码模板:以添加canvas模板为例_第4张图片

6、Apply、OK,应用、确认

7、使用模板

新建一个html,在       

 

你可能感兴趣的:(WebStorm)