首页 > 其他 > 详细

Jinja2语法自动补全配置

时间:2020-11-15 16:24:14      阅读:69      评论:0      收藏:0      [点我收藏+]

Jinja2语法自动补全配置

说明

  • 在使用Pycharm社区版进行Web开发时,Jiaja2的语法是不会自动提示补全的,为了提高开发效率,需要根据个人习惯进行一些常用语法的自动补全配置,具体如下。

配置

步骤一

为了避免和原先其它配置相混乱,方便以后的添加及查看,我们需要建立自己的分组。

在File-->Settings-->Editor下找到Live Templates,点击右侧‘+‘选项,接着选择‘2.Templates Group...‘选项新建一个分组,并将其命名为‘Jinja2‘,完成后左侧会显示名为‘Jinja2‘的分组,如图所示。

技术分享图片

步骤二

选中左侧‘Jinja2‘分组后,点击右侧‘+‘选项,选择‘1.Live Template‘选项。

技术分享图片

步骤三

完成‘Abbreviation‘、‘Description‘、‘Template text‘三处地方的填写。

  • Abbreviation:即缩写,填入你想要自动补全的语句的缩写形式。如:我想要在html文件中输入{#后按下某个快捷键(默认是Tab),让Pycharm给我补全为‘Template text‘中的内容,那么我就在这里填写{#
  • Description:用来描述当前这个‘Abbreviation‘,你可以填写任何你想要描述的内容。在这里,我填写的是{# comment #}
  • Template text:补全后的内容。在这里,我填写的是{# $comment$ #}。类似于$comment$这样的变量可以在补全后,让光标定位到该处,接着你可以在该处键入你想要的内容然后按下回车,如果有另一个类似但非$comment$的变量,则按下回车后光标会定位到该变量,直至遍历完所有不相同的变量。如果没有$END$,则遍历完后光标会定位到‘Template text‘中内容的末端;如果有$END$,则遍历完后光标会定位到$END$处。(注意:$END$只能是大写形式)

技术分享图片

步骤四

点击下方的‘Define‘选项,选择‘HTML‘,表示将该自动补全功能应用于HTML文件中。

技术分享图片

步骤五

如果你在‘Template text‘中和我一样使用了类似$comment$这样的变量,那么右侧的‘Edit variables‘按钮是可以点击的。点击之后,在弹出的界面中,可以在‘Default value‘这一列为相应的变量‘comment‘赋予默认值。(注意:‘Default value‘里的默认值要加上双引号"")

技术分享图片


如要添加其它的Jinja2语法的自动补全功能,只需重复上述的步骤二至步骤五


下面分别是‘for‘和‘block‘的示例,可用于参照

技术分享图片

技术分享图片

Jinja2语法自动补全配置

原文:https://www.cnblogs.com/Skimt/p/13976923.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!