安装及配置Sublime Text 3

安装Sublime Text 3

  1. 1

    目前Sublime Text的最新版本是Sublime Text 3。这里介绍Windows版本的Sublime Text安装。

    1、获取你系统类型win+R然后输入cmd进入docs界面输入systeminfo获取系统相关信息;

    2、到Sublime Text 官方网站官网在下系统对应Sublime Text 3安装包,这里点击“Windows 64 bit”下载Sublime Text Build 3083 x64 Setup.exe

    安装及配置Sublime Text 3
    安装及配置Sublime Text 3
    安装及配置Sublime Text 3











  2. 2

    安装Sublime Text 3

    1、修改安装目录,双击安装包Sublime Text Build 3083 x64 Setup.exe开始安装,默认安装在C盘,个人不喜欢把太多东西安装在C盘,当然不修改也是可以的。修改安装目录通过手动修改目录路径或者点击"Browse..."选择安装路径

    2、下一步,会提示Add to explorer context menu,勾选上这样在右键单击文件时就可以直接使用Sublime Text打开,然后一路“next”等待安装完成

    注意:安装步骤很简单基本上一路next就可以了。设置都不是必须的;

    安装及配置Sublime Text 3
    安装及配置Sublime Text 3
    安装及配置Sublime Text 3













  3. 3

    开启Sublime Text 3

    1、按住win,在开始菜单中点击"所有程序",然后找打Sublime Text 3快捷方式,点击即可开启;

    2、可以直接在文件位置右击,在右键菜单中点击"Open with Sublime Text"打卡;

    3、最后就是在安装目录下,找到Sublime Text 3的快捷键直接点击和第一种方法是一样的。

    注意:上面介绍的1和3开启Sublime Text 3的方式都比较麻烦,最快捷的方式是将快捷方式发送到桌面,要用的时候直接在桌面点击快捷方式即可;

    安装及配置Sublime Text 3

  1. 修改sublime Text 的默认配置文件位置

    默认情况下安装完sublime text 3,在第一次运行的时候,sublime text 3会在%appdata%目录下生成一个Sublime Text 3的文件夹,用于存放配置文件,以及后面安装的各种插件;为便于设置完后打包,建议将配置文件位置改到安装目录下。

    安装完sublime text 3后,不要直接运行找到sublime text 3的安装目录,并在该目录下新建 Data 文件夹(注意大小写)。如果已经运行了,请先在地址栏输入 %appdata%  然后删除该目录下的sublime text 3文件夹。完成这一步之后再打开sublime text 3所有的配置文件都会被生成在Data文件夹中了。

    好处:

    1、安装后的插件可以在sublime text 3安装目录下的 Data/Packages下找到。

    2、打包的文件就可以在其他电脑上直接使用了。         

    安装及配置Sublime Text 3
    安装及配置Sublime Text 3
    安装及配置Sublime Text 3












  2. 安装Package Control

    Sublime Text支持大量插件,利用Package Control我们可以很方便的浏览、安装和卸载Sublime Text中的插件。

    进入Package Control的官网,里面有详细的安装教程。Package Control支持

    Package Control支持Sublime Text 2和3,这里我只给出3的安装流程:

    1、使用Ctrl + `打开Sublime Text控制台。

    2、将下面的代码粘贴到控制台里,回车等待安装完成,重启:import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; 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(' ', '%20')).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) 

    2、验证安装成功,等待Package Control安装完成。使用Ctrl + Shift + P打开命令板,输入PC应出现Package Control说明安装成功;    

    安装及配置Sublime Text 3
    安装及配置Sublime Text 3
    安装及配置Sublime Text 3
    安装及配置Sublime Text 3
    安装及配置Sublime Text 3
    安装及配置Sublime Text 3





















  3. Sublime Text 3插件安装

    成功安装Package Control之后,我们就可以方便的安装使用Sublime Text的各种插件:这里只介绍Emmet插件,其他插件安装方式一样;

    1、使用Ctrl + Shift + P打开命令板,输入pcip应出现Package Control各种命令,选择第一个Package Control:Install Package,回车

    2、回车之后出现插件安装框,输入要安装的插件名称,回车即可;

    3、验证安装成功,在菜单栏Preferences->Package Settings 下面看到我们安装的Emmet说明安装成功;具体使用可参考我之前的经验;

    安装及配置Sublime Text 3
    安装及配置Sublime Text 3
    安装及配置Sublime Text 3






  4. 注意:安装插件时保持网络畅通,避免插件由于网络原因奔溃

    ps:

    Sulbime Text3 常用插件
    1、Emmet
    提高HTML & CSS3编写速度。

    1)、 !号,tab键,自动产生HTML5代码
    2、Theme – Soda
    一直用的一款皮肤
    3、sideBarEnhancements
    侧边栏右键增效插件,提高页面处理速度。
    4、HTML5
    Sublime Text3支持Html5
    5、Sass
    Sublime Text3支持Sass
    6、Less
    Sublime Text3支持Less
    6、All Autocomplete
    检查全部打开文件,相似自动补全插件
    7、SublimeCodeIntel
    代码提示工具
    8、BracketHighlighter
    成对匹配增强,并修改括号等的颜色
    9、jQuery
    Sublime Text3支持jQuery
    10、DocBlockr
    快速注释
    11、ColorPicker
    颜色获取
    12、ConvertToUTF8
    UTF8转换
    13、FileDiffs
    查找文档不同
    14、LiveStyle
    配合插件实时调试样式使用grunt watch已经不需要这个插件了。
    15、Alignment
    等号对齐 快捷键会有冲突 重新在Alignment > Key Bindings – User 配置快捷键 ctrl+alt+f
    16、SublimeTmpl
    快速格式化代码
    17、Gutter Color
    颜色提示 需要imageMagick支持
    18、Can I Use
    可以直接调整到caniuse看到当前属性的浏览器支持情况。快捷键
    19、InsertDate
    插入时间,项目文件存在CDN的时候,需要改变时间戳才会看到效果,这个是个好东西。
    20、Git
    Git插件,提供Git常用的命令集合。
    21、AutoFileName
    自动提示路径插件