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语法自动补全配置的更多相关文章

  1. python代码自动补全配置及Django入门Demo

    django入门代码示例小博客:https://pan.baidu.com/s/1pLjLPSv 1.自动补全功能 许多人都知道 iPython 有很好的自动补全能力,但是就未必知道 python 也 ...

  2. vscode jsx语法自动补全html代码

    1.点击文件——>首选项——>设置 注意:只有在js文件里的jsx才可以自动补全,html文件里的jsx不能.

  3. Linux操作系统Vim代码Tab自动补全配置

    function! CleverTab() , col( ) =~ '^\s*$' return "\<Tab>" else return "\<C-N ...

  4. SublimeCodeIntel代码自动补全配置

    主要使用python3,所有配置以python3为例.其他语言同理.利用sublimeCodeIntel插件可以实现自动提示python3代码.跳转追踪自定义函数.查看系统函数等.功能还是相当强大的. ...

  5. 让webstorm支持avalon语法自动补全

    在file菜单下选择Settings,选择Editor ——> Inspections ——> Html ——> Unknown HTML tag attibute添加以下标签ms- ...

  6. Eclipse 代码自动补全配置方法

    Eclipse默认只有在出现 “.”时才进行代码提示,更改方法为: 即把“.”改为“.abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ”,表示输 ...

  7. VScode设置jsx语法自动补全

    1.打开VScode 2.文件>首选项>设置 3.加上以下配置项就可以了 "emmet.includeLanguages": { "javascript&qu ...

  8. Vim自动补全神器–YouCompleteMe

    YouCompleteMe的特别之处 基于语义补全 总所周知,Vim是一款文本编辑器.也就是说,其最基础的工作就是编辑文本,而不管该文本的内容是什么.在Vim被程序员所使用后,其慢慢的被肩负了与IDE ...

  9. 【转】Vim自动补全插件----YouCompleteMe安装与配置

    原文网址:http://www.cnblogs.com/zhongcq/p/3630047.html 使用Vim编写程序少不了使用自动补全插件,在Linux下有没有类似VS中的Visual Assis ...

随机推荐

  1. 蒲公英 · JELLY技术周刊 Vol 27: 平平无奇 React 17

    蒲公英 · JELLY技术周刊 Vol.27 这个热闹的十月终于要走到尾声,React 17 历经 4 个 RC 版本之后,也于数天前正式发布了,而同在几天前发布的 CRA 4.0 也已经完成了 Re ...

  2. vue 路劲

    <style scoped src="../assets/css/f_information.css">@import url("../assets/css/ ...

  3. Azure Cosmos DB (四) 使用EF的SQL API 异地冗余

    一,引言 上一篇文章中,我们介绍到使用了EF Core 与Cosmos DB SQL API 进行结合开发.同时,大家在开发过程中一定要记得EF Core 不支持Cosmos DB 的迁移.今天我们启 ...

  4. py基础知识(一)

    python基础知识(一) print('1','2','3',sep=',',end='.') print 函数的用法 print(value,...,sep='',end='\n') 这里的val ...

  5. Rancher 2.5特性解读丨更简单友好的API和Dashboard

    本文来自Rancher Labs 关注我们,看K8S干货教程 作者简介 张智博,Rancher中国研发与产品总监.7年云计算领域经验,一直活跃在研发一线,经历了OpenStack到Kubernetes ...

  6. K近邻算法:机器学习萌新必学算法

    摘要:K近邻(k-NearestNeighbor,K-NN)算法是一个有监督的机器学习算法,也被称为K-NN算法,由Cover和Hart于1968年提出,可以用于解决分类问题和回归问题. 1. 为什么 ...

  7. plc模拟量采集模块的作用

    在工业控制中,某些输入量(如压力.温度.流量.转速等)是连续变化的模拟量,某些执行机构(如伺服电动机.调节阀.记录仪等)要求PLC输出模拟信号,而PLC的CPU只能处理数字量.模拟量首先被传感器和变送 ...

  8. 如何使用捷映App制作朋友圈九宫格视频图片合集

    在刷朋友圈的过程中,看到九宫格的视频图片合集,带有酷炫的音效和动效,展现效果非常好,那么我们该如何制作呢?下面我为大家介绍. 第一步,我们需要在各大应用市场搜索[捷映视频制作]App,点击[安装]. ...

  9. Centos8防火墙设置

    1.centos中firewalld与iptables centos7以前的版本默认使用iptables服务进行管理防火墙规则.centos7以及其以上版本默认使用firewalld服务管理防火墙.所 ...

  10. 02 . Vue入门基础之条件渲染,列表渲染,事件处理器,表单控件绑定

    vue基础 声明式渲染 Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统 Example1 <!DOCTYPE html> <html> ...