当前eclipse 是 jsp的主要开发环境。但eclipse对javascript、html、css等格式的文件类型支持不够好。
sublime 是非常流行的前端开发工具。在前端开发方面,它的语法高亮、代码折叠、插件支持做的非常优秀,有效地提高了开发效率。下面介绍下它的安装方法。
详细步骤指南
1.下载安装 sublime text 2, nodejs 。
2. 安装jshint命令行工具:cmd 中运行nodejs命令 npm install -g jshint
3. 安装sublime package control。 https://packagecontrol.io/installation#st2。打开sublime, 按ctrl + ` 打开控制台, 黏贴运行这段代码:
import urllib2,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')
4. 下载解压两个插件jsformat 和 jshint 的zip包,重命名为jsformat和JSHint后, 放到packages 文件夹下。Packages文件夹可通过点击sublime中的Preferences > Browse Packages… 打开 (此教程为windows操作系统,具体操作系统路径依赖可参考插件页面提示)
5. 以上安装完毕,请重启sublime。下面是使用方法:
载入project代码:点击 project > add folder to project 就打开了项目。
1) JSHint: 可以给出不规范的JS代码提示。 alt + j, 下方就会出现console窗口,显示当前不规范的信息。 关闭console: ctrl + `。
2) jsformat: 可以将一段js代码格式化,批量解决缩进和空格等不规范的问题。选中一段代码,ctrl + alt + f
3) sublime package control: 安装其他的插件。 ctrl + shift + p, 打开控制界面。 点击package control: install package, 可以搜索安装任何新插件。
4) 文件搜索 和 函数搜索:ctrl + r。 打开的搜索框中,如果@开头,就是当前打开文件中搜索函数。如果不以@开头,就是在当前项目中搜索文件。
其他:
1. 右击后显示复制剪切黏贴等等的菜单: https://github.com/titoBouzout/SideBarEnhancements
2. 设置特定格式文件的缩进: 菜单栏: Preferences -> Settings - More -> Syntax Specific - User,添加如下设置代码,文件保存在$Packages/User下
{
"tab_size": 2,
"translate_tabs_to_spaces": true
}