sublime text(一款前端开发必不可少的软件)

最新推荐文章于 2024-05-08 15:34:24 发布

小星_day

最新推荐文章于 2024-05-08 15:34:24 发布

阅读量1.1k

点赞数

分类专栏： JavaScript/html/CSS 文章标签： JS 前端开发工具插件

JavaScript/html/CSS 专栏收录该内容

82 篇文章 0 订阅

订阅专栏

http://www.qianduan.net/essential-to-sublime-the-text-2-plugins.html

安装：

1、

第一步：下载sublime_package_control-master.zip ，解压命名文件夹为Package Control。(注意大小写)

第二步：下载sublime_package_control-python3.zip，解压后覆盖到刚刚的Package Control中，完成插件API函数的更新。

第三步：打开Sublime Text 3，选择菜单：Preference-->Browse Package... 浏览插件

第四步：把package control复制到此目录，重启 Sublime text 3。

然后菜单Preferences就会多了两个Package..的东西如下： Package Control 安装成功

第五步：

点击菜单Preference-->Package Control

点击Install Package

//Sublime Text3 package Controll安装

https://packagecontrol.io/installation#st3

https://github.com/wbond/package_control

https://packagecontrol.io/

就可以安装插件了!

常用插件：

1、这里推荐一下，DocBlockr这个插件可以很好的生成js ,php 等语言函数注释,只需要在函数上面输入/** ,然后按tab 就会自动生成注释

2、

Sublime Alignment : 代码参数对齐插件

改插件适用于对代码有高度洁癖的码农。

var the_nume = 1;

var the_string = "hello world!" ;

var the_float = 1.10;

修改为：

var the_nume = 1;

var the_string = "hello world!" ;

var the_float = 1.10;

3、

Zen Coding

这个，不解释了，还不知道ZenCoding的同学强烈推荐去看一下：《Zen Coding: 一种快速编写HTML/CSS代码的方法》。

4、

JS Format

一个JS代码格式化插件。

5、

SublimeLinter

一个支持lint语法的插件，可以高亮linter认为有错误的代码行，也支持高亮一些特别的注释，比如“TODO”，这样就可以被快速定位。（IntelliJ IDEA的TODO功能很赞，这个插件虽然比不上，但是也够用了吧）

6、

JsMinifier

该插件基于Google Closure compiler，自动压缩js文件。

Sublime CodeIntel

代码自动提示

Bracket Highlighter

类似于代码匹配，可以匹配括号，引号等符号内的范围。

7、

GBK to UTF8

将文件编码从GBK转黄成UTF8，快捷键Ctrl+Shift+C

Git

8、

编写html代码，一定要使用emmet（前身是zencoding），还有以下插件也是可以考虑的：
bracketHighter 高亮引号、括号等
code Aligment 代码对齐
DocBlockr 如果你写js，这个就很有用了
emmet  书写html必备
emmet css snippets 书写css必备
Encoding Helper 当你遇到加载的文件乱码时，这个插件就很有用了
jsFormat 格式化js代码
theme soda 软件主题，挺漂亮的
minifier 压缩js/css
sidebarenhance 增强型边栏

livereload 配合浏览器（firefox、chrome）上的livereload插件，就不用老是按F5了