Sublime Text 2配置开发js

Sublime Text 2介绍

在众多的IDE中又许多可以编写javascript,eclipse IDE又显得太大了;notepad++也是不错的选择。而今天我偶尔找到了一款不错的编辑器 Sublime Text 2. 她是一款收费软件,不过可以永久免费试用,在保存的时候偶尔会弹出购买提示

  • 简洁漂亮的用户界面
  • 支持多种语法高亮:C, C++, C#, CSS, D, Erlang, HTML, Groovy, Haskell, HTML, Java, JavaScript, LaTeX, Lisp, Lua, Markdown, Matlab, OCaml, Perl, PHP, Python, R, Ruby, SQL, TCL, Textile ,XML等等
  • 支持代码补全
  • 支持多插件,根据你需要可以使用多种插件来帮助你工作跟简单
  • 迷你小地图,可以使用滚动条来控制代码方便代码查看

下载地址:http://www.sublimetext.com/2

安装Sublime Text 2插件

使用Package Control组件安装,然后直接在线安装

1、按Ctrl+`调出console

2、粘贴以下代码到底部命令行并回车:

import urllib2,os;pf=‘Package Control.sublime-package‘;ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),‘wb‘).write(urllib2.urlopen(‘http://sublime.wbond.net/‘+pf.replace(‘ ‘,‘%20‘)).read())

3、重启

4、查看是否安装成功,使用ctrl+shift+p 然后输入install出现如图所示

5、点击installPackage,这样我们可以使用在这个插件安装包管理器了,然后回车,等着一分钟,出现如图插件列表

输入你所需要安装的插件,查找安装即可

安装常用插件:

No.01 – Emmet
Emmet 是一个前端开发的利器,其前身是Zen Coding。它让编写 HTML 代码变得简单。Emmet 的基本用法是:输入简写形式,然后按 Tab 键。
关于 Emmet 的更多用法,请看官方文档,这份速查表可以帮你快速记忆简写形式。

No.02 – SublimeLinter
SublimeLinter 是一个代码校验插件,它可以帮你找出错误或编写不规范的代码,支持 C/C++、CoffeeScript、CSS、Git
Commit
Messages、Haml、HTML、Java、JavaScript、Lua、Objective-J、Perl、PHP、Puppet、
Python、Ruby 和 XML 语言。

No.03 – SideBarEnhancements
SideBarEnhancements 是一款很实用的右键菜单增强插件,有以 diff
形式显示未保存的修改、在文件管理器中显示该文件、复制文件路径、在侧边栏中定位该文件等功能,也有基础的诸如新建文件/目录,编辑,打开/运行,显示,
在选择中/上级目录/项目中查找,剪切,复制,粘贴,重命名,删除,刷新等常见功能。

SideBarEnhancements 还有一个功能就是自定义打开文件的程序,在侧边栏中右键点击一个文件(夹),选择 Open With -> Edit Applications 就可以修改关联了,配置文件自带示例,可以很方便地套用。

Copy as Text… 是 SideBarEnhancements 的又一个特色功能,可以复制包含各种形式的路径、URL(甚至包括 base64 的 data:uri)、转码后的文件名、各种 HTML Tag(a、img、script、style)等。

No.04 – Sublime?Code?Intel 
Sublime?Code?Intel 是一个代码提示、补全插件,支持
JavaScript、Mason、XBL、XUL、RHTML、SCSS、Python、HTML、Ruby、Python3、XML、Sass、
XSLT、Django、HTML5、Perl、CSS、Twig、Less、Smarty、Node.js、Tcl、TemplateToolkit 和
PHP 等语言,是 Sublime Text 自带代码提示功能的很好扩展。它还有一个功能就是跳转到变量、函数定义的地方,十分方便。

使用 Sublime?Code?Intel 之前你需要安装相应程序并把路径写入 ~/.codeintel/config 或 project_root/.codeintel/config 中,ReadMe 中有详细的 说明,不再赘述。

十分不建议把 Sublime?Code?Intel 与其他单个语言的扩展 package 一同使用,虽然很多语言扩展 package 比
Sublime?Code?Intel 的代码提示功能要完善。如果需要一同使用,请在用户配置文件(菜单 Preferences ->
Package Settings -> Sublime?Code?Intel -> Settings – User
中加入下面的内容,并去掉要禁用的语言。

"codeintel_enabled_languages":
    [
    "JavaScript", "Mason", "XBL", "XUL", "RHTML", "SCSS", "Python", "HTML",
    "Ruby", "Python3", "XML", "Sass", "XSLT", "Django", "HTML5", "Perl", "CSS",
    "Twig", "Less", "Smarty", "Node.js", "Tcl", "TemplateToolkit", "PHP"
    ],
    "codeintel_live_enabled_languages":
    [
    "JavaScript", "Mason", "XBL", "XUL", "RHTML", "SCSS", "Python", "HTML",
    "Ruby", "Python3", "XML", "Sass", "XSLT", "Django", "HTML5", "Perl", "CSS",
    "Twig", "Less", "Smarty", "Node.js", "Tcl", "TemplateToolkit", "PHP"
    ]

No.05 – Alignment 
Alignment 是一个代码格式化插件,它可以使多行代码中的等号对齐,也可以调整多行代码为一个缩进级别,默认快捷键是 ctrl+alt+a(Mac OS 上是 cmd+ctrl+a)。

No.06 – Bracket?Highlighter 
Bracket?Highlighter 是一个括号、引号、标签高亮插件,支持 []、()、{}、””、” 和 等,比 Sublime Text 自带的高亮要明显得多。

No.07 – Git
Git 插件集成了 git 的常用功能,使用之前需要安装 git 并写入环境变量中。

No.08 – JSFormat
JS格式化插件

No.09 – SassBeautify
Sass 文件美化插件

No.10 –DocBlockr
自动给函数添加块级注释。

No.11 –Pretty JSON
JSON美化扩展扩展插件

No.12 – Sublime?Tmpl
html/js/css/php模板插件

No.13 – Sublime Function Name Display
This plugin displays the current file, class and function name on the status bar in Sublime Text 2 and 3.

时间: 2025-01-15 21:19:25

Sublime Text 2配置开发js的相关文章

[转载]Sublime Text 3 搭建 React.js 开发环境

[转载]Sublime Text 3 搭建 React.js 开发环境 Sublime有很强的自定义功能,插件库很庞大,针对新语言插件更新很快,配合使用可以快速搭建适配语言的开发环境. 1. babel-sublime 支持ES6, React.js, jsx代码高亮,对 JavaScript, jQuery 也有很好的扩展.关于 babel 的更多介绍可以看这里:为什么说Babel将推动JavaScript的发展 安装 PC:Ctrl+shift+p Mac:Cmd+shift+p 打开面板输

让你的sublime text能写C代码 (sublime text 2 配置构建C开发环境)

原理 1. 首先你要配置可以编译C++/C环境 2. window中配置该运行环境的环境变量,可以全局使用 3. sublime Text创建新的构建机制,并设置用改全局编译环境 详细过程 可以编译C/C++环境,我们安装MinGW可以先到我的网盘上下载mingw-get-setup然后安装.我都是默认安装的,安装后的路径是C:\MinGW 在window环境变量中设置MinGW的路径,具体可以看贴吧某贴.然后检查是否在window可以使用g++了.在cmd中敲打g++ -v命令,如果出现g++

让你的sublime text写C代码 (sublime text 2 配置构建C开发环境)

原则 1. 首先你要配置能够编译C++/C环境 2. window中配置该执行环境的环境变量,能够全局使用 3. sublime Text创建新的构建机制.并设置用改全局编译环境 具体过程 能够编译C/C++环境.我们安装MinGW能够先到我的网盘上下载mingw-get-setup然后安装.我都是默认安装的.安装后的路径是C:\MinGW 在window环境变量中设置MinGW的路径,详细能够看贴吧某贴.然后检查是否在window能够使用g++了.在cmd中敲打g++ -v命令.假设出现g++

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

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

使用Sublime Text进行ERLANG开发

1.为什么使用Sublime Text 漂亮的用户界面 强大的功能,支持大多数语言 程序简洁,内存占用小 神器,支持Windows,Mac,Linux 简单的配置,齐全的插件 支持多个项目 不需要主动保存,每次打开都会恢复到上次编辑的状态 2.Sublime Text安装和插件 官方网址:http://www.sublimetext.com 推荐使用版本:2.0.2 软件包:http://files.cnblogs.com/files/luobei/SublimeText2.0.2x64Setu

sublime text 3 配置python IDE

Python越来越受“程序猿”们的青睐.快速的开发模式,简洁的代码格式,海量的扩展,这无疑都为python的火热奠定了基础. “磨刀不误砍柴工”,一款功能强劲的IDE能帮助开发者有效的管理.编辑,运行工程代码.Python的开发IDE比较常用的Eclipse + Pydev.JetBrains的Pycharm[收费]等,神级代码编辑软件 Sublime text 3因其强大的代码编辑能和便捷海量的插件而著称. Sublime text 3 也可以配置成Python的IDE,而且经过小编亲测,效果

Sublime Text 3 配置分析 --摘录于http://www.educity.cn/wenda/150004.html

Sublime Text 3 配置解释(默认){// 设置主题文件“color_scheme”: “Packages/Color Scheme – Default/Monokai.tmTheme”,// 设置字体和大小“font_face”: “Consolas”,“font_size”: 12,// 字体选项:no_bold不显示粗体字,no_italic不显示斜体字,no_antialias和no_antialias关闭反锯齿// subpixel_antialias和no_round是OS

sublime text 3 配置、插件、快捷键

sublime text 3 注册: -– BEGIN LICENSE -– Ryan Clark Single User License EA7E-812479 2158A7DE B690A7A3 8EC04710 006A5EEB 34E77CA3 9C82C81F 0DB6371B 79704E6F 93F36655 B031503A 03257CCC 01B20F60 D304FA8D B1B4F0AF 8A76C7BA 0FA94D55 56D46BCE 5237A341 CD837F

Sublime Text 3 配置 PHPCS 插件

Download php code sniffer addon via Package Control in ST3. Download The php-cs-fixer File From This Website => cs.sensiolabs.org/ (Direct Link => cs.sensiolabs.org/get/php-cs-fixer.phar) Copy Downloaded File To Your php.exe directory (mine is C:/XA