javascript前端开发环境sublime 配置_sublime配置html开发环境

当前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 
}