Sublime Text 3 web 开发常用配置

前沿

Sublime Text 是一个代码编辑器(Sublime Text 2是收费软件,但可以无限期试用),也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来,它最初被设计为一个具有丰富扩展功能的Vim。是目前应用最广泛的编程工具之一,受到众多程序猿的追捧。网络上已有很多关于Sublime Text3的配置文章,但很多都不太适合本人的需求,很多插件在前端开发中很少会用到或者不能恰当的使用。由于每次重装一次Sublime Text3都需要在各种文章中搜寻适合自己的插件并安装,做了很多无用功,特写出本文总结一下,以备下次使用。

Sublime Text3 注册

Sublime Text3是一款收费软件,需要注册后才能使用。注册方式如下:

打开Sublime Text3-->Help-->Eenter License-->输入注册码。

限于国人知识产权的薄弱意思和贪婪心理,很少有人真会去买注册码,以下是3个注册码:

—– BEGIN LICENSE —–
Andrew Weber
Single User License
EA7E-855605
813A03DD 5E4AD9E6 6C0EEB94 BC99798F
942194A6 02396E98 E62C9979 4BB979FE
91424C9D A45400BF F6747D88 2FB88078
90F5CC94 1CDC92DC 8457107A F151657B
1D22E383 A997F016 42397640 33F41CFC
E1D0AE85 A0BBD039 0E9C8D55 E1B89D5D
5CDB7036 E56DE1C0 EFCC0840 650CD3A6
B98FC99C 8FAC73EE D2B95564 DF450523
—— END LICENSE ——
—– BEGIN LICENSE —–
K-20
Single User License
EA7E-940129
3A099EC1 C0B5C7C5 33EBF0CF BE82FE3B
EAC2164A 4F8EC954 4E87F1E5 7E4E85D6
C5605DE6 DAB003B4 D60CA4D0 77CB1533
3C47F579 FB3E8476 EB3AA9A7 68C43CD9
8C60B563 80FE367D 8CAD14B3 54FB7A9F
4123FFC4 D63312BA 141AF702 F6BBA254
B094B9C0 FAA4B04C 06CC9AFC FD412671
82E3AEE0 0F0FAAA7 8FA773C9 383A9E18
—— END LICENSE ——
—– BEGIN LICENSE —–
J2TeaM
2 User License
EA7E-940282
45CB0D8F 09100037 7D1056EB A1DDC1A2
39C102C5 DF8D0BF0 FC3B1A94 4F2892B4
0AEE61BA 65758D3B 2EED551F A3E3478C
C1C0E04E CA4E4541 1FC1A2C1 3F5FB6DB
CFDA1551 51B05B5D 2D3C8CFE FA8B4285
051750E3 22D1422A 7AE3A8A1 3B4188AC
346372DA 37AA8ABA 6EB30E41 781BC81F
B5CA66E3 A09DBD3A 3FE85BBD 69893DBD
—— END LICENSE ——

Sublime Text 3安装插件的方法:

直接安装

安装Sublime text 3插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages)。

使用Package Control组件安装

也可以安装package control组件,然后直接在线安装:

  1. 按Ctrl+`调出console;
  2. 粘贴以下代码到底部命令行并回车:
import urllib.request,os; pf = ‘Package Control.sublime-package‘; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), ‘wb‘).write(urllib.request.urlopen( ‘http://sublime.wbond.net/‘ + pf.replace(‘ ‘,‘%20‘)).read())
  1. 重启Sublime Text 3。
  2. 如果在Perferences->package settings中看到package control这一项,则安装成功。

如果这种方法不能安装成功,可以进行手动安装:

  1. 先下载https://github.com/wbond/sublime_package_control中的zip文件,解压后将文件夹名更改为package control。
  2. 下载插件分支https://github.com/wbond/sublime_package_control/tree/python3中的zip文件,解压后覆盖到package control中,完成此插件API函数的更新。
  3. 将package control文件夹放入C:\Users\Mr.DenGo(你的电脑名)\AppData\Roaming\Sublime Text 3\Packages中,重启sublime text 3即可生效。

用Package Control安装插件的方法:

  1. 按下Ctrl+Shift+P调出命令面板
  2. 输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。

常用插件列表

Emmet

Emmet绝对的节省时间。您可以轻松快速地编写HTML。

使用方法: ctrl + alt + enter,并且开始输入Emmet风格的HTML.

详细使用方法可以参考 Emmet指南 。

DocBlockr

一个真正简单的方式来轻松地创建许多语言包括JavaScript,PHP和CoffeeScript的文档块。只要在函数的上面输入 /** ,按 Tab 就可以了。DocBlockr会观察函数需要的变量名和类型,并创建文档块。

Alignment (代码对齐)

一个非常简单和易于使用的插件,使你的代码组织和美观。当您重温代码时候非常有用。

使用方法:选中要调整的行,然后按 Ctrl + Alt + A。

BracketHighlighter

该插件提供行数列高亮的各种配对的语法符号。(愚人码头注:就是将配对的括号等显示在行数列上)

Sublime Prefixr

Prefixr,CSS3 私有前缀自动补全插件,显然也很有用哇。

JS Format

一个JS代码格式化插件。

SublimeLinter

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

JsMinifier

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

jQuery

Sublime Text3支持jQuery

CSSComb

这是用来给CSS属性进行排序的格式化插件。如果你想保持的代码干净整洁,并且希望按一定的顺序排列(是不是有点强迫症了?),那么这个插件是一种有效解决的方案。特别是当你和其他有自己代码编写风格的开发者一同协作的时候。

MarkDown Editing

SublimeText不仅仅是能够查看和编辑 Markdown 文件,但它会视它们为格式很糟糕的纯文本。这个插件通过适当的颜色高亮和其它功能来更好地完成这些任务。

DocBlockr

DocBlockr 可以使你很方便地对代码建立文档。它会解析函数,变量,和参数,根据它们自动生成文档范式,你的工作就是去填充对应的说明。

Git

Git插件,提供Git常用的命令集合。

FileDiffs

查找文档不同

ColorPicker

如果你经常要查看或设置颜色值,这个插件可以很方便地调用你本机的调色板应用。(译者扩充:)这是一个双向的功能,你既可以在调色板中选择一个颜色,然后按“确定”按钮把该值填写到 SublimeText 中活动文档的当前位置,也可以在活动文档中选择一个颜色的值,按此插件的快捷键就会在显示的调色板中定位到该值所对应的颜色。

CanIUse

如果您想检查浏览器是否支持你包括在你的代码中的CSS和HTML元素,那么这是你需要的插件。所有您需要做的就是选择有疑问的元素,插件将为你做其余的事情。

时间: 2024-10-20 00:56:05

Sublime Text 3 web 开发常用配置的相关文章

Sublime Text 3前端开发常用优秀插件介绍

Package Control插件管理 提到Sublime Text插件安装,就不得不提Package Control [官方文档] 简而言之,它是用来管理插件的插件 所以,首次使用前也是需要安装的 使用Ctrl+`(Esc键下方)快捷键或者通过View->Show Console菜单打开命令行 将以下代码复制后粘贴到如上图中"<代码粘贴处>",然后按Enter(回车),稍等片刻 import urllib.request,os,hashlib; h = '2915d

sublime text 3 前端开发常用插件

代码对齐: Alignment html代码补全:  Emmet CoffeeScript语法:  Better CoffeeScript css格式化:  CSS Format less语法:  LESS js代码格式化: JsFormat 代码注释文档:  DocBlockr 代码美化: HTML-CSS-JS Prettify 去除行尾空格:  TrailingSpaces 语法检测:  SublimeLinter, SublimeLinter-coffeelint, SublimeLin

sublime text 3中emmet常用技巧

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>sublime text 3中emmet常用技巧</title> </head> <body> <!-- 生成html5格式文件先把文件保存成.html格式,然后输入html:5按下tab键 --> <!-- 简写d

linux web开发常用命令

:q 退出 vi :wq 保存并退出 vi :wq! 强制保存并退出 vi #tail -f catalina.out  查询tomcat后台输出 在Linux系统下,重启Tomcat使用命令操作的! 首先,进入Tomcat下的bin目录 cd /usr/local/tomcat/bin 使用Tomcat关闭命令 ./shutdown.sh 查看Tomcat是否以关闭 ps -ef|grep java 如果显示以下相似信息,说明Tomcat还没有关闭 root 7010 1 0 Apr19 ?

Java web 开发环境配置。

一.配置 win8 64位 环境java 开发环境 1.  下载JDK,地址 http://www.oracle.com/technetwork/java/javase/downloads/index.html 选择下载 按照提示安装.安装过程过程中会有两个安装路径的设置,可默认也可自定义.这连个路径分别是指安装JDK和JRE的路径. 这选择路径是:D:\Program Files\Java\jdk1.7.0_60 和D:\Program Files\Java\jre7  注意这里的路径是为的是

WEB开发常用术语中英文对照

WEB front-end developmentWEB前端开发 User Experience Design用户体验设计 User Interface Design用户界面设计 Interaction Design交互设计 Usability Design可用性设计 Information Architecture信息架构 Information Architect信息架构师 Website Design网站设计 Visual Design视觉设计 Touch Screen触摸屏 Site S

web开发常用图片格式

web开发常用图片格式有:gif   jpg/jpeg    png gif:图片压缩率高,可以显示动画,但是只能显示256色,可能造成颜色丢失. jpg:图片压缩率高(有损压缩),可以用小文件来显示,网页上比较常用. png:该格式综合了gif.jpg优势,在上传时会首先压缩到极致,但不能显示动画. 图片保真度:png > jpg > gif web开发常用图片格式

Sublime Text 3 c++编译环境配置

{ "cmd": ["g++", "${file}", "-o", "${file_path}/${file_base_name}"], "file_regex": "^(..[^:]*):([0-9]+):?([0-9]+)?:? (.*)$", "working_dir": "${file_path}", "sel

java web开发环境配置系列(二)安装tomcat

在今天,读书有时是件"麻烦"事.它需要你付出时间,付出精力,还要付出一份心境.--仅以<java web开发环境配置系列>来祭奠那逝去的--1.下载tomcat压缩包,进入官网http://tomcat.apache.org/,官网左侧有对应的下载列表,选择适合自己的版本,进入下载页面,这里下载的是64-bit Windows zip 2.下载后,解压到指定的文件目录中,如:D:\Program Files\tomcat 3.配置环境变量(右击"我的电脑"