在Atom中自动编译Pug(jade)？
在Atom中自动编译Pug（jade）可以通过使用插件来实现。以下是一种常用的方法：
- 首先，确保已经安装了Atom文本编辑器。可以从官方网站（https://atom.io/）下载并安装。
- 打开Atom，点击左上角的"File"菜单，选择"Settings"打开设置面板。
- 在设置面板中，选择"Install"选项卡，然后在搜索框中输入"pug"或"jade"来查找Pug（jade）相关的插件。
- 根据搜索结果，选择一个适合的Pug（jade）插件进行安装。例如，可以选择"language-pug"插件，该插件提供了Pug（jade）语法高亮显示和自动缩进等功能。
- 安装完插件后，重新启动Atom。
- 现在，当你在Atom中打开一个Pug（jade）文件时，插件会自动识别文件类型，并提供相应的语法高亮显示和自动缩进。
- 如果你还想要自动编译Pug（jade）文件为HTML文件，可以再安装一个相关的插件，例如"pug-compile"插件。
- 安装完"pug-compile"插件后，重新启动Atom。
- 现在，当你保存一个Pug（jade）文件时，插件会自动将其编译为HTML文件，并保存在同一目录下。
总结：通过安装适合的插件，可以在Atom中实现自动编译Pug（jade）文件的功能，提高开发效率。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/explorer
- 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯元宇宙：https://cloud.tencent.com/solution/metaverse
相关·内容
我正在使用Atom，正在寻找用于Atom的Jade/Pug编译器。目前最好的资源是什么？我需要一个Pug版本和一个编译源代码的副本。
浏览 13提问于2017-06-22得票数 1
3回答
如何在每次使用gulp保存时创建与我的pug文件同名的HTML文件？
所有关于的文档都解释了如何在控制台中返回pug ...
浏览 2提问于2017-03-24得票数 10
回答已采纳
1回答
下面是我的initConfig中的“注射器”部分的外观： "options": {
"template": "public/dist/index.html
浏览 2提问于2016-06-21得票数 1
回答已采纳
随着npm包名称最近从玉改为帕格，我已经转到我的项目中的所有.jade文件到.pug -根据包的要求。
有人想出办法让它起作用吗？
浏览 2提问于2016-05-26得票数 4
回答已采纳
2回答
我正在尝试学习使用Angular 2，同时使用Jade创建模板并导入转换后的.html文件。<div class="container" *ngIf="products && products.length">div.container
浏览 2提问于2016-04-07得票数 1
1回答
我有一个Laravel目录结构，我在/resources/assets/ Jade /文件夹中有我的jade模板。在此文件夹内将有多个子目录，我需要将它们的确切结构复制到我的应用程序所在的/public/ app /目录中。我还将Typescript文件编译到相同的目录结构中，因此复制我设置的目录布局是非常重要的。我似乎不能使用Grunt Pug插件成功地做到这一点。resources/as
浏览 0提问于2016-05-10得票数 1
我为Node.js安装了Express Generator，但当我创建一个示例应用程序时，我注意到Jade已被Pug弃用。我安装了Pug，但每次我仍然需要告诉快速生成器使用它。我一直在阅读这个主题，它告诉开发人员只需手动更改文件名，但有没有方法可以开箱即用？我该怎么做？
浏览 2提问于2017-06-02得票数 2
我正在尝试jade，我正在尝试在sublime text 3中使用jade。我正在尝试运行一个自定义构建器，它将生成一个.php文件。当前自定义版本为： "cmd": ["cmd", "/c", "jade", "$file", "--pretty"],
"selector": "s
浏览 1提问于2015-08-05得票数 0
1回答
外来:pug@2.0.0-α6
、、、、
，并且必须安装pug。我在jade文件中将pug更改为pug，并再次运行npm install。还有一些关于pug更新版本的警告！又做了些改变，终于出现了这个错误！我会感谢你的帮助，如何继续下去。我有一个包含jade和pug的目录树。那能行吗？或者我应该更新node和/或npm
编辑:我现在大部分时间都在工作，但另一个问题出现了。应否与以前的有关？第二次编辑；我读到Error: listen EADDRINUSE :::3000表示3000个
浏览 3提问于2016-09-15得票数 1
随着Jade向Pug的过渡，目前还没有Pug插件。问题是我们的.jade文件扩展名变成了.pug，这是IDE无法识别的。
我们如何在Intellij (或其他Intellij )中使用pug？
浏览 15提问于2016-04-11得票数 2
回答已采纳
我在dashboard.jade中有一个包含header.jade文件的包含标记，但是header.jade文件有自己的样式表，当我运行它时，dashboard.jder的样式表也适用于包含的header.jade是否有一种方法可以使dashboard.jder的样式表只应用于它，而不适用于包含的header.jade？下面是我的dashboard.jade代码：html title Todo List
|
浏览 0提问于2016-07-26得票数 0
回答已采纳
安装了Ubuntu18.04 LTS repos中的所有默认版本：node v10.16.3express 4.0.0express app --view=pugexpress --pug{
"name": "application-name: "~1.0.0&qu
浏览 3提问于2019-10-19得票数 2
5回答
我知道Pug不支持动态包含或在模板中扩展。Context：我的用例是，我正在开发一个npm模块，用于扩展其他视图的模板位于模块中。在模块发布和安装之后，将定义路径(即。但在开发阶段，我只需要能够"npm链接“到模块并让模板工作。
浏览 2提问于2017-08-22得票数 4
为了将一个旧的.jade项目转换成新的pug格式，您需要将所有旧的.pug文件重命名为.pug文件。
用手做这件事既痛苦又乏味，当然还有更快的方法吗？
浏览 9提问于2016-07-07得票数 5
回答已采纳
我看到很多开发人员正在使用pug模板引擎(Express JS)，而不是常规的HTML。如果你们中的任何人使用过pug，你能告诉我使用pug相对于HTML视图技术的主要好处吗？
浏览 2提问于2019-09-18得票数 2
1回答
我使用pug ( jade )，并使用prepros转换jade文件(.jade)。但是我想把jade文件(.jade)转换成php文件(.php)，而不是html文件(.html)。我知道如何使用prepos 5来做这件事，但是我想使用最新的版本，而我的prepos 5不再工作了……
我尝试了prepos (v6)设置/编译器设置/ pug(jade)，但是没有做我想做的事情。当然，我已经尝试了所有的设置，但我的
浏览 0提问于2017-07-08得票数 0
1回答
做完npm i -g jade之后，我可以通过CLI使用它，例如，jade --help工作。但是，在我用npm i -g pug安装了它的后继pug之后，运行pug --help或pug --version就给出了-bash: pug: command not found。我注意到/usr/local/bin/jade在那里，但是在同一个文件夹中没有
浏览 1提问于2016-04-20得票数 5
回答已采纳
我刚刚开始使用jade和node。我将一个对象从节点传递到jade模板(parent.jade)，并将相同的jade文件(parent.jade)包含到另一个文件(child.jade)。它的描述如下：res.render('parent.jade', {data: mydata});doctype html
html
浏览 12提问于2017-08-01得票数 0
1回答
我正在绑定一个过滤器中的一些值。但是这个过滤器工作得很好，值不绑定。<style>.#{cs_1}{font-family:monospace !solid #ccc; } white-space: nowrap; </style> white-space: nowrap; ，所以过滤器看起来像:
require
浏览 5提问于2017-03-22得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
