1.安装Sublime Text3
1.下载安装文件http://www.sublimetext.com/3
2.选择电脑操作系统对应的安装包下载
3.安装Package Control管理包
4.打开https://packagecontrol.io/installation,选择Sublime Text3下面代码复制
5.打开Sublime Text3--View--Show Console--粘贴代码并回车
6.等待下载完成会显示如下代码:
1 missing dependency was just installed.
Sublime Text should be restarted,
otherwise one or more of the installed packages may not function properly.
Package Control: No updated packages
7.重启Sublime Text3
2.安装汉化版插件
1.打开命令模式安装新插件
①Preferences--Package Control--Package Control:Install Package--enter
②ctrl+shift+p--Package Control:Install Package--enter
2.输入ChineseLocalization(回车或者鼠标单击击)
3.安装插件介绍
1.一般安装插件要先去首页看下主题的样式https://packagecontrol.io/browse
2.根据主页分类进行查找
1.Trending 下载趋势最快的插件
2.News 新的插件
3.Popular 最流行的插件
4.Labels 通过标签分类的插件
5.Authors 根据作者分类的插件
6.Updated 更新的插件
3.我们想安装主题,所有在Labels下方找到theme
4.热门主题名称
1.soda 苏打
2.flatland 平原
3.spacegray 空间
5.也可通过搜索框进行搜索
4.安装主题插件
1.打开命令模式安装新插件
①Preferences--Package Control--Package Control:Install Package--enter
②ctrl+shift+p--Package Control:Install Package--enter
2.输入theme(主题)-主题名称,我喜欢theme-spacegray主题样式(回车或者鼠标单击击)
3.自动打开一个配置文件,我比较喜欢Spacegray Eighties的样式,
复制Spacegray Eighties样式下大括号的内容。
4.首选项--设置-用户--在中括号后面加上","+粘贴的内容
5.安装emmet插件,作用快速生成HTML
1.打开命令模式安装新插件
①Preferences--Package Control--Package Control:Install Package--enter
②ctrl+shift+p--Package Control:Install Package--enter
2.输入emmet(回车或者鼠标单击击)
3.测试ul#test>li*4+Tab,html:5+Tab,如果成功安装完成,否则继续4、5
4.如何搜索框没有emmet相关内容,手动把emmet-sublime-master文件夹复制到
C:\Users\Administrator\AppData\Roaming\Sublime Text 3\Packages下面
5.详情请看http://www.cnblogs.com/tinyphp/p/3217457.html
6.安装JavaScript & NodeJS Snippets,自动补全JS代码
1.打开命令模式安装新插件
①Preferences--Package Control--Package Control:Install Package--enter
②ctrl+shift+p--Package Control:Install Package--enter
2.输入JavaScript & NodeJS Snippets(回车或者鼠标单击击)
3.Js代码缩写补全
https://packagecontrol.io/packages/JavaScript%20%26%20NodeJS%20Snippets
4.常用缩写
在DOM中
按Tab可以切换编辑
1.gi+enter
document.getElementById('id');
2.gt+enter
document.getElementsByTagName('tag');
3.gc+enter
document.getElementsByClassName('class');
7.安装JQuery,自动补全JQuery代码,增加JQuery的提示框
1.打开命令模式安装新插件
①Preferences--Package Control--Package Control:Install Package--enter
②ctrl+shift+p--Package Control:Install Package--enter
2.输入JQuery(回车或者鼠标单击击)