知识库 : javascript前端开发环境sublime 配置

当前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。 打开的搜索框中,如果@开头,就是当前打开文件中搜索函数。如果不以@开头,就是在当前项目中搜索文件。