首页 > Web开发 > 详细

Sublime Text 3下载安装以及安装HTML-CSS-JS Prettify代码格式化插件

时间:2018-12-08 21:37:22      阅读:270      评论:0      收藏:0      [点我收藏+]

版权声明:本文为HaiyuKing原创文章,转载请注明出处!

概述

Sublime Text的安装以及安装插件步骤。

下载Sublime Text

官网地址:http://www.sublimetext.com/

注意:下载的时候需要翻.墙。

下载后的文件:

技术分享图片

安装Sublime Text

1、双击Sublime Text Build 3176 x64 Setup.exe文件

技术分享图片

2、点击上图的Next,进入安装目录选择界面(如果想要更换安装目录的话,重新选择安装目录)

技术分享图片

3、继续Next

技术分享图片

4、开始Install

 技术分享图片

5、Finish

 技术分享图片

安装代码格式化插件(需要安装node.js)

安装

在启动Sublime Text 3程序后,使用快捷键 “ Ctl+Shift+P ”,打开一个对话框,在输入框中输入“Package Control: Install Paclage

技术分享图片

等待一会儿会自动打开下面的对话框界面,输入想要安装的插件名称:比如HTML-CSS-JS Prettify

技术分享图片

技术分享图片

正在下载

技术分享图片

验证安装成功

在Sublime Text软件中随便打开一个HTML文件,然后右键,会发现右键菜单中多出了一个HTML/CSS/JS Prettify,代表安装成功了。

技术分享图片

查看插件安装目录

 Preferences——Browse Packages...

技术分享图片  

技术分享图片

使用

使用sublime Text打开一个HTML或css或js文件,然后右键——HTML/CSS/JS Prettify——Prettify Code

技术分享图片

注意

(1). 使用此插件需先安装node.js,windows默认安装在C盘,如果安装在其它地方,需额外配置node.js安装目录。

设置node.js安装目录:菜单 -> Preferences -> Packpage Settings -> HTML/CSS/JS Prettify - Set `node` Path

技术分享图片

技术分享图片

(2). "html-css-js prettify" 格式化CSS会在每个CSS后面都添加一个换行,若想取消该换行:

菜单 -> Preferences -> Packpage Settings -> HTML/CSS/JS Prettify - Prettify Preferences - Default

修改设置 "newline_between_rules" 的参数为 false。

技术分享图片

技术分享图片

安装node.js

 官网地址:https://nodejs.org/en/

技术分享图片

下载的文件

技术分享图片

1、双击node-v10.13.0-x64.msi

技术分享图片

2、点击Next

技术分享图片

3、同意并Next

技术分享图片

4、设置安装目录(如果需要的话)

技术分享图片

5、继续Next

技术分享图片

6、继续Next

技术分享图片

7、安装

技术分享图片

8、完成

技术分享图片

参考资料

Sublime text3 代码格式化插件

在Sublime Text 3上安装代码格式化插件CodeFormatter

 

Sublime Text 3下载安装以及安装HTML-CSS-JS Prettify代码格式化插件

原文:https://www.cnblogs.com/whycxb/p/9989117.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!