WebStorm添加jade(pug) watcher
来源:互联网 发布:带着淘宝穿异界txt 编辑:程序博客网 时间:2024/05/21 15:42
WebStorm添加jade(pug) watcher
jade由于版权问题改名为了pug,但是基本内容没有改变。
pug主要用在Node中,但并不妨碍我们在其他场合使用它。自从接触pug以来,我就很少用原生html语言来编辑网页了,并不是说HTML不好而是jade以缩进来表示HTML中的嵌套关系,结构层次远比HTML要清晰,而且方便学习,使用简单。我在非Node项目中使用pug主要是为了方便查看,编辑后需要转换成HTML再使用。
pug的相关用法可以在http://jade-lang.com/学习。
为了方便的查看pug的转化效果,可以给webStorm设置一个FileWatcher,这样可以自动生成对应html文件。
下载pug
npm install pug
同时下载pug命令行工具
npm install pug-cli
设置watcher
在WebStorm下,File->settings
在左上角搜索watcher,选择Tools->fileWatcher
添加一个watcher,设置如下
Program下,选择node_modules/.bin/pug.cmd
Argumets 前一定要加上-P ,使HTML格式更加美观
0 0
- WebStorm添加jade(pug) watcher
- 在webstorm中配置pug、scss的file watcher及编译路径
- jade (pug)
- Jade/pug-HTML模板引擎
- Angular4 中使用Pug/Jade
- 轻松学习Ionic (三) 安装sass并在webstorm中为scss添加watcher
- Vue.js+Webpack+Sass+Jade(pug)网站构建
- Webpack 3.x 尝试使用Pug(Jade)模板引擎
- 在Angular-cli中使用Pug(Jade)模板
- 使用 Sublime、WebStorm 开发 Jade
- WebStorm 5.0.4支持Jade模板
- webstorm 下载并设置jade、less
- 在angular-cli项目中使用Scss和Pug(Jade)模板引擎
- 【更新】sass安装(淘宝源安装失败直接下载按照gif动画安装)+webstorm中为scss添加watcher转化为css
- Watcher
- webstorm新项目添加git
- webstorm使用(持续添加)
- Webstorm浏览器添加
- powerDesigner 创建数据库表并导出sql
- 洛谷[P1002]过河卒 垃圾动规
- html中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
- javascript实现瀑布流布局
- android 使用https与服务器进行通信交互
- WebStorm添加jade(pug) watcher
- mysql隔离级别及锁测试
- 用HttpURLConnection提交文件
- keytool制作CA根证书以及颁发二级证书
- 文件系统中的疑惑
- 视频信号传输标准 BT656
- 【从零开始写一个简单的ImageLoader框架】项目介绍
- ROS 学习 (1):publisher和subscriber消息 C++1
- 银行卡三元素实名认证