Sublime Text2格式化HMTL/CSS/JS插件HTML-CSS-JS Prettify

之前格式化用过JSFormat,今天在GitHub发现了一个比较好的插件HTML-CSS-JS Prettify,具体的地址https://github.com/victorporof/Sublime-HTMLPrettify,安装插件的话需要安装Node.js,具体操作如下:

1.官网下载Node.js,地址http://nodejs.org/download(本人电脑Win8 64)

2.Sublime中ctrl+shift+p,输入ip:

3.点击Install Package,然后搜索HTML-CSS-JS Prettify:

4.安装完之后不能正常使用,需要设置一下路径,右击页面多了一个HTML/CSS/JS Prettiy的选项,设置一下Node路径:

设置如下,根据自己的操作系统改下Node的安装路径

{
  // Simply using `node` without specifying a path sometimes doesn‘t work :(
  // https://github.com/victorporof/Sublime-HTMLPrettify#oh-noez-command-not-found
  // http://nodejs.org/#download
  "node_path": {
    "windows": "D:/Program Files/nodejs/node.exe",
    "linux": "/usr/bin/nodejs",
    "osx": "/usr/local/bin/node"
  },

  // Automatically format when a file is saved.
  "format_on_save": false,

  // Only format the selection if there‘s one available.
  "format_selection_only": true,

  // Log the settings passed to the prettifier from `.jsbeautifyrc`.
  "print_diagnostics": true
}
时间: 2024-08-05 05:18:50

Sublime Text2格式化HMTL/CSS/JS插件HTML-CSS-JS Prettify的相关文章

sublime Text2 个人常用的一些插件及快捷键整理

Sublime Text 2是一个轻量.简洁.高效.跨平台的编辑器,方便的配色以及兼容vim快捷键等各种优点博得了很多前端开发人员的喜爱,当然也包括我,在看到小飞的介绍后,我就一直在用了.本文推荐一些好用的插件和扩展. Sublime Text 2基本上是共享软件,免费版和收费版基本无区别,只是偶尔会弹框让你去购买,这个基本不影响使用. 1.直接安装 安装Sublime text 2插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages)

sublime格式化css代码插件:css format

有时会从网上下载一些css压缩文件,打开后所有代码都在一行,不利于阅读,通过css format插件,能快速展开代码,方便阅读. 参考:Sublime Text 上最好用的 CSS 格式化插件 —— CSS Format css format 下载:https://github.com/mutian/Sublime-CSS-Format, 下载后解压到sublime Packages目录下,菜单栏preference-->Brower Packages 安装css format插件后,选择代码,

sublime 安装格式化css代码插件:css format

1.先下载css format ,下载地址:https://github.com/mutian/Sublime-CSS-Format, 2.下载后解压到sublime Packages目录下,菜单栏preference-->Brower Packages 3.安装css format插件后,选择代码,菜单栏Edit-->css Format-->Expanded,展开代码.此时插件安装完成 原文地址:https://www.cnblogs.com/cui-cui/p/11429116.h

JS插件之——bootstrap-suggest.js

今天遇到了一个很牛逼的插件bootstrap-suggest.js 如此好用的搜索提示插件 简直酷毙了 源码下载地址 编写了一个例子,供以后参考 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 2 <html > 3 <head> 4 <title>1.html</title> 5 6 <meta http-equiv="con

给Sublime Text2安装轻量级代码提示插件:SublimeCodeIntel

步骤: 1.下载SublimeCodeIntel(地址https://github.com/SublimeCodeIntel/SublimeCodeIntel): 2.将下载的压缩包解压,并放置在Pakcages文件夹下:(Sublime->Preferences可打开Pakcages文件夹): 3.重启Sublime,检查 sublime->Preferences->Package Settins 下是否存在SublimeCodeIntel,如果存在,则说明安装成功.否则,再重启几次试

vue项目引入第三方js插件,单个js文件引入成功,使用该插件方法时报错

1.引入第三方js文件,npm安装不了 2.控制台显示引入成功 3.在methods下使用 图片看不清请看下面代码 updateTime() { setInterval(()=>{ var cd = new Date(); var lunar = calendarNU.solar2lunar();//此处是引用插件方法 this.time = this.$options.methods.zeroPadding(cd.getHours(), 2) + ':' + this.$options.met

【js插件进阶】JS中的call()和apply()方法详解

JS中的call()和apply()方法 1.方法定义 call方法: 语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象. 说明: call 方法可以用来代替另一个对象调用一个方法.call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象. 如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj. apply方法: 语法:apply(

sublime Text2下安装php code sniffer插件

为了跟团队保持开发规范的一致性,需要安装sublime Text2的php code sniffer插件,之前是用的phpfmt插件,发现两个规范还是有点不一样,需要再安装php code sniffer. 参考网址: http://blog.chinaunix.net/uid-26374858-id-5039120.html http://fengzheng369.blog.163.com/blog/static/7522097920155342169 https://github.com/s

sublime中格式化jsx文件

sublime中格式化jsx填坑.md sublime中使用Sublime JSFMT 插件 在一个jsx文件中粘贴了一段bootstrap中tables代码,对齐很糟糕,让人看的很难受,于是乎在网上搜各种sublime中格式化jsx语法的插件 搜到了两个,一个是 jsFormat 另外一个是 sublime-jsfmt 1.针对 jsFormat: 安装,并修改user-setting为: { "e4x": true, // jsformat options "format