sublime安装及基本使用

sublime安装及基本使用

 (2015-09-09 11:19:38)

最近在学习less，以前总用dw写代码，无奈除了cc版本外，其余的版本都不支持less代码高亮显示，于是开始学习用sublime写代码。下面主要介绍sublime的安装到插件的基本使用，高手略过。

一、sublime下载地址：http://www.sublimetext.com/

注：不能安装在中文目录下，有些插件在中文目录下不能正常工作，如ColorPicker

二、安装完成后写less代码还不能高亮显示。需要安装插件，sublime按照插件前需要安装Package Control组件，组件下载地址：https://packagecontrol.io/installation

下载完成以后，在sublime上点击Preferences——Browser Packages，打开文件夹目录，点击上层目录，点击Installed
Packages进入，把下载好的Package Control.sublime-package放入此文件夹中，此时在sublime面板中点击Preferences就会看到Package
Control了，表明安装成功。







当然也可以直接在线安装：
（1）按 Ctrl+`调出
console
（2）粘贴以下代码到底部命令行并回车：(https://packagecontrol.io/installation#st3)

    sublime text3粘贴以下代码：

import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler())
); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', ' ')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join(
ipp, pf), 'wb' ).write(by)

   sublime text2粘贴以下代码：

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(' ', ' ')).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')

 （3）重启Sublime。
如果在Perferences->package settings中看到package control这一项，则安装成功。

三、用Package Control安装插件的方法：
（1）按下Ctrl+Shift+P调出命令面板
（2）输入install调出
Install Package选项并回车，然后在列表中选中要安装的插件。








四、一些有用的Sublime Text 2插件
（1）zen coding:插件名称Emmet
（2）Sublime Prefixr：CSS3私有前缀自动补全插件
（3）Less：高亮显示less代码
（4）Less2css：编译成css文件

安装好的插件可以在这里查看和设置：


五、基本使用：这里主要介绍less，将.less文件拉到sublime中按下CTRL+S就会自动编译成css代码了。
但是默认编译成的是css压缩代码，如果不想压缩，可以进行设置，Package Settings——Less2Css——Settings
Default，修改"minify": false,