SublimeText3系列- HTML-CSS-JS Prettify美化代码&Markdown Preview写作

1.1HTML-CSS-JS Prettify安装

HTML-CSSS-JS Prettify插件使用的是node版的js-beautify,因此需要首先安装node,node的安装请自行搜索。
在node安装完成后,使用npm安装js-beautify,命令 npm install -g js-beautify
HTML-CSS-JS Prettify 的安装推荐使用PackageControl
Ctrl+Shift+P输入Install Package,然后输入HTML-CSS-JS Prettify进行安装

1.2.HTML-CSS-JS Prettify使用

使用Ctrl+Shift+H,优化当前代码文件。

2.1Markdown Preview安装

Markdown Preview的安装推荐使用PackageControl
Ctrl+Shift+P输入Install Package,然后输入Markdown Preview进行安装

2.2.Markdown Preview使用

可使用SublimeText3创建.md文件,按照Markdown语法输入要写的内容,

然后Ctrl+Shift+P输入mp,选择Markdown Preview: Preview in Browser,选择markdown,在浏览器中打开

时间: 2024-09-29 17:23:38

SublimeText3系列- HTML-CSS-JS Prettify美化代码&Markdown Preview写作的相关文章

【前端】Sublime text3 插件HTML/CSS/JS prettify 格式化代码

1.首先安装插件 菜单的preference->packages control,然后输入install .. 回车,再输入HTML/CSS/JS prettify 再回车,重启后就可以了. 2.在代码界面右击->HTML/CSS/JS prettify->Prettify Code ,如果出现下图提示 去node.js官网下载32位的相应的node.js, windows对应的 node.js 的传送门. 然后保证位置和set plugin option里面的一样就行了.

Linux下sublime Text3使用HTML/CSS/JS prettify问题

Linux下使用Sublime Text3,当用HTML/CSS/JS Prettify格式代码时报Node path err错误时可以再终端输入 which node 查看node 环境路径,在将正确路径配置在HTML/CSS/JS Prettify配置文档里

sublime格式化插件---HTML-CSS-JS Prettify美化代码

1.HTML-CSS-JS Prettify HTML-CSSS-JS Prettify插件使用js-beautify来格式化js.html与css代码.可以在这里尝试js-beautify的效果原始代码: // This is just a sample script. Paste your real code (javascript or HTML) here. if ('this_is'==/an_example/){of_beautifier();}else{var a=b?(c%d):

用Sublime Text 3的HTML-CSS-JS Prettify(需安装node.js)插件格式化代码

用Sublime Text 3的HTML-CSS-JS Prettify(需安装node.js)插件格式化代码 用 Sublime Text 格式化代码(安装 HTML-CSS-JS Prettify 插件)时,格式化时却会提示(默认路径未找到Node.js) 下载安装到Node.js 官网下载 32位版本(据说win x64版有问题)安装. 确认Node.js安装路径鼠标右键HTML/CSS/JS Prettify > Set Plugin Options保证插件路径与Node.js安装路径一

纯css+js下拉菜单实例代码

纯css+js下拉菜单实例代码 分享一个css+js下拉菜单代码,js+css实现的简单下拉菜单,兼容性不错. 例子:<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <

gulp入坑系列(2)——初试JS代码合并与压缩

在上一篇里成功安装了gulp到项目中,现在来测试一下gulp的合并与压缩功能 gulp入坑系列(1)--安装gulp(传送门):http://www.cnblogs.com/YuuyaRin/p/6159809.html 在之前建立的项目中写入,在根目录新建js文件夹,并在文件夹中新建两个js文件,代码如下: index.js: var index={}; index={ test:function(argument){ console.log('test'); } } index.test()

Zend Studio上安装使用Aptana插件(html,css,js代码提示功能)

? 最近装了zend studio 9.0 用了段时间发现写html,css,js代码没提示,要开dreamwaver(对js代码提示也不好).就网上搜索了下,发现了Aptana插件,装上用了下,感觉不错. 贴下官方网址:http://www.aptana.com/ 一.安装步骤: 1.zend studio->Help->Install New Software->work with点击add(见下图) 2.这里有两个选择: (1)Local(本地安装) (2)在线安装,locatio

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,然后搜索H

Google HTML/CSS/JS代码风格指南

JS版本参见:http://www.zhangxinxu.com/wordpress/2012/07/google-html-css-javascript-style-guides/ HTML/CSS修正版本 2.1 背景 本文档定义了HTML/CSS的编写格式和风格规则.它旨在提高合作和代码质量,并使其支持基础架构.适用于HTML/CSS文件,包括GSS文件. 只要代码质量是可以被维护的,就能很好的被工具混淆.压缩和合并. 样式规则 协议 嵌入式资源书写省略协议头 省略图像.媒体文件.样式表和