用 sublime text 3 开发 Jade

学习jade模板引擎

利用npm安装jade:npm install jade

在sublime中安装jade高亮插件 jade build

编写jade代码

编译jade代码:在sublime中tools 确认build system (编译系统)选择了Automatic(自动模式)或者Jade

按ctrl + b 进行编译

sublime 底部出现编译结果

出现

[Decode error - output not utf-8]
[Finished in 0.2s with exit code 1]……错误

搜索的结果是没有配置jade的环境变量

考虑只是在当前项目下安装了jade,其他项目安装jade后又要重新配置环境变量,所以在项目中删除了jade

利用npm 在全局中安装jade: npm install jade –g

再按照上述的过程进行编译,会发现sublime 底部出现

[90mrendered [36mD:\学习\nodeDev\learn1\views\layout.html[0m

[Finished in 1.0s]

同时在jade文件同级文件夹下出现同名的html文件

Done!

时间: 2024-11-03 05:27:59

用 sublime text 3 开发 Jade的相关文章

windows下配置Sublime Text 2开发Nodejs

1 下载 Sublime Text 2 http://www.sublimetext.com/ 2 下载Nodejs插件,下载ZIP包 https://github.com/tanepiper/SublimeText-Nodejs 3 解压ZIP,重命名为Nodejs 4 将Nodejs复制到C:\Users\Administrator\AppData\Roaming\Sublime Text 2\Packages目录下 5 重启Sublime Text 2 ->Tools-->Build S

Sublime Text 前端开发常用扩展插件推荐

Sublime Text 前端开发常用扩展插件推荐 Sublime Text Sublime Text 是程序员们公认的编码神奇,拥有漂亮的用户界面和强大的功能 更重要的是,Sublime Text 易于扩展,众多开发人员为其贡献插件,而且通过包管理工具 —— Package Control 可以方便安装和管理. Package Control 安装方法 首先通过快捷键 ctrl+` 或者 View > Show Console 打开控制台,然后粘贴相应的 Python 安装代码. Sublim

Python 学习之一:在Mac OS X下基于Sublime Text搭建开发平台包含numpy,scipy

1 前言 Python有很多IDE可以用,官方自己也带了一个,Eclipse也可以.但我在使用各种IDE之后,发现用Sublime Text是最好用的一个.因此,我都是用Sublime Text来编写Python程序. 那么整个搭建其实非常简单.考虑到接下来要做的是科学研究,我们也同时安装numpy,scipy,matplotlib等插件. 2 开发环境 Macbook Pro Mac OS X 10.10 3 Step-by-Step 搭建 Step 1 安装Python 2.7 这个到官网下

Python 学习之中的一个:在Mac OS X下基于Sublime Text搭建开发平台包括numpy,scipy

1 前言 Python有许多IDE能够用,官方自己也带了一个,Eclipse也能够. 但我在使用各种IDE之后,发现用Sublime Text是最好用的一个.因此.我都是用Sublime Text来编写Python程序. 那么整个搭建事实上很easy.考虑到接下来要做的是科学研究,我们也同一时候安装numpy.scipy,matplotlib等插件. 2 开发环境 Macbook Pro Mac OS X 10.10 3 Step-by-Step 搭建 Step 1 安装Python 2.7 这

使用 Sublime、WebStorm 开发 Jade

Sublime.WebStorm (PhpStorm) 是前端开发者的得力工具,开发 Jade 也不例外. 在配置这些软件的 Jade 开发环境前,请先在系统中安装 Node.js 和 Jade : 安装 Node.js,装好后重启电脑 安装 Jade Windows:cmd中运行 npm install jade --global Mac:运行 sudo npm install jade --global 配置 Sublime : 安装 Sublime Package Control,如果已经

使用 Sublime Text 2 开发 Unity3D 项目

欢迎来到unity学习.unity培训.unity企业培训教育专区,这里有很多U3D资源.U3D培训视频.U3D教程.U3D常见问题.U3D项目源码,[狗刨学习网]unity极致学院,致力于打造业内unity3d培训.学习第一品牌. 用 Sublime 已经有很长一段时间,很舒适,很贴心,根本停不下来.之前因为是开发页游,所以是用 AS3 开发,近段时间,新开了个手游项目,引擎方面选定了 Unity3D,老实说,之前没有太多的 3D 的概念,只是自己偶尔会下个 AS3 写的 3D 引擎玩一下,折

sublime text 3开发node环境搭建

一.安装插件Package Control   ctrl+`打开控制台 复制以下内容回车: import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.reque

打造适合Ruby on Rails的Sublime Text 3开发环境[原创]

强大的 Package Control Package Control 是一个包管理工具,类似于 Homebrew, NPM, 用它来管理所有 ST 插件非常方便 安装:https://packagecontrol.io/installation 使用:通过快捷键 ctrl+shift+p 打开 Package Control, 然后输入 Package Install 可以搜索 插件并安装, 这是文档 必备插件 AdvanceNewFile,此插件非常方便的新建文件和文件夹, 在 Mac 系统

使用 Sublime Text 3 开发 React

下载, 安装, 破解就不用说了, 直接进主题: 1, 安装Package Control 默认的Sublime 3中没有Package Control,要进行安装之后才能用这个去安装其他的插件. 简单的安装方法 使用Ctrl+`快捷键或者通过View->Show Console菜单打开命令行,粘贴如下代码: import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d151