登陆官网下载地址:http://www.sublimetext.com/
安装插件: ctrl + shift + p
## 安装风格:
https://packagecontrol.io/
先安装Install Package ,有可能安装不上,解决办法:首页项浏览插件删除Package Control,然后在https://github.com/wbond/package_control 下载,Package Control,复制到Sublime Text 3x64\Data\Packages\目录下面在安装
推荐:Spacegray
## 安装图片库:
install Package
a file icon
## 卸载之前安装的插件
remove
![](https://box.kancloud.cn/f7610c6db97f0be1b0941d923877202a_642x307.png)
## 安装emmet插件(快速书写html css)
eg:
div#hd>ul>li.item$*5>a[href='http://www.baidu.com']{百度}
<div id="hd">
<ul>
<li class="item1"><a href="http://www.baidu.com">百度</a></li>
<li class="item2"><a href="http://www.baidu.com">百度</a></li>
<li class="item3"><a href="http://www.baidu.com">百度</a></li>
<li class="item4"><a href="http://www.baidu.com">百度</a></li>
<li class="item5"><a href="http://www.baidu.com">百度</a></li>
</ul>
</div>
## 安装SideBarTools 文件管理插件
https://packagecontrol.io/packages/SideBarTools
## 常用插件:
emmet 快速编写插件
docblockr 代码注释提示插件
SideBarTools 文件管理插件
AdvancedNewFile 快速创建文件插件
sideBarEnHancements 扩展左侧面板
Local History 本地历史记录
Laravel 5 Artisan 命令行插件 ctrol+shift+p 搜索创建
Laravel 5 Snippets laravel代码片段提示
Laravel Blade Highlighter : laravel blade 模版高亮
Blade Snippets :blade 代码片段
Laravel Blade AutoComplete 自动识别Blade父级模版内容
Bootstrap 4 Snippe : Bootstrap片段
## Less
如果没有安装,先安装node.js https://nodejs.org/zh-cn/
编辑环境
npm install -g less@2.7.3
npm install -g less-plugin-clean-css
npm install -g less-plugin-autoprefix
lessc
mac&linux 系统中使用sudu 安装
设置好之后,在命令行中输入lessc ,如果有下面提示表示设置成功:
![](https://box.kancloud.cn/51829ab9e2467ab186d3ab240fe1d9a4_721x446.png)
安装插件
sublime需要安装两个插件一个是编译less文件,一个是语法高亮
1.Less2Css
2.LESS
这时就可以在sublime Text中打开或者新建一个less文件,按下Ctrl+s保存,此时就会在less文件的项目目录下面生成同名文件css.
## 格式化
首先通用以下路径打开用户按键绑定文件:
Preferences->key Bindings -User
然后在其中添加以下代码(如果你有需要的话,其中的快捷键组合是可以自己定义的):
[
//格式化代码,single_line参数删除时,格式化只影响当前光标所在的行
{"keys":["ctrl+alt+;"],"command":"reindent","args":{"single_line":false}}
]
## 函数
默认情况下,sublime Text 支持函数快速查找,按下Ctrl+shift+R打开查找面板,就可以快速定位函数所在的文件,如果按照了emmet插件将会失效,我们需要做以下操作进行修改。
编辑emmet插件配置项:emmet-settings-user
{"disabled_keymap_actions":"reflect_css_value"}
## 快捷键
使用快捷键可以显著提高开发效率,所以还是要必须要掌握的。
1.搜索文件 : ctrl+p 输入文件名
2.搜索函数/方法 : ctrl+p 输入文件名@方法名 如User@show
3.跳转到指定的行: ctrl+p 输入文件名:行号,只输入:时在当前文件跳转
4.查找当前文件方法 : ctrl+r
5.返回/前进编辑位置 : alt+-, alt+shift+-
6.切换便签页:ctrl+pgup ,ctrl+pgdn
7.选择单词 :ctrl +d
8.以单词为单位快速移动光标:ctrl + 左方向键,ctrl+右方向键
9.选中当前行 :ctrl + l
10.跳转到第几行 : ctrl+G
11.跳转到对应括号:ctrl+M
12.关闭侧栏 : ctrl+k+b
13.选中当前括号内容,重复可选着本身:ctrl+shift+m
14.注释当前html标签块:ctrl+shift+/
15.专注编写模式:shift+F11
16.分屏显示 : alt+shift+数字
17.ctrl+enter 在下一行插入新行,举个例子:即使光标不在行尾,也能快速向下插入一行
18.ctrl+shift+enter 在上一行插入新行,举个例子:即使光标不在行尾,也能快速向上插入一行
19.ctrl+shift+【 选中代码,按下快捷键,折叠代码。
20.ctrl+shift+] 选中代码,按下快捷键,展开代码。
- html&jquery网页特效
- 标签分类及特点
- 关于文字标签
- 网页定时跳转
- css透明度和插件
- 0.前端常用工具
- 1.tab切换效果
- 2.tab切换效果多个代码复用
- 3.百度新闻导航条效果
- 4.解决鼠标移入过快的问题
- 5.滚动条位置
- 6.元素尺寸
- 7.全选反选操作
- 8.固定定位
- 9.开关效果
- 10.节点操作
- 11.仿小米商品展示效果
- 12.仿小米商品展示效果复用
- 13.固定导航栏效果
- 14.凡客轮播图效果
- 15.顶部下滑广告效果
- 16.京东左右滑动轮播图
- 17.京东左右滑动无缝轮播图
- 18.选择器
- 19.筛选
- 20.开关效果
- 21.滑动效果
- 22.小米商品效果css实现
- 23.元素水平垂直居中
- laravel5.6
- LARAVEL 介绍&安装
- javascript & css 脚手架
- php常用工具类
- 安装laravel-ide-helper增强代码提示
- 使用migration创建表和数据填充
- 解决mysql5.7以下laravel不能执行数据迁移的问题
- 路由
- 登陆操作自定义模型
- 使用中间件middleware进行登录权限验证
- 进行表单验证处理
- 使用laracasts-flash定制消息提示
- 资源路由
- 宝塔面板安装fileinfo扩展
- laravel上传处理与使用hdjs快速实现前端上传组件
- thinkphp
- phpstorm
- phpstorm安装插件
- 定义快捷键
- 关闭提示
- 将代码实时同步到远程服务器
- sublime
- composer
- git使用
- git安装和配置作者信息
- git新建项目和维护项目
- git日志操作
- git别名操作
- git分支操作
- git生成发布压缩包
- git系统别名
- gitrebase操作
- 使用SSH与GITHUB远程服务器进行无密码连接
- 本地版本库主动使用remote与远程GITHUB进行关联
- 本地分支与GITHUB远程分支同步
- 项目实战-新入职员工参与项目开发时分支使用
- 自动部署
- ios开发
- linux
- 1.centos6.5 mysql忘记登入密码
- html5
- 标签
- 表单
- 音频与视频
- webstorage储存
- canvas
- css3
- 01.CSS3布局
- 02.transition动画
- 03.animation动画
- 04.flex弹性盒模型
- Less
- gulpjs
- es6
- ES6模块化
- let和const命令
- ES6函数扩展&解构赋值
- JavaScript之数据遍历
- class类
- Set和Map数据结构
- Vue
- 1.创建第一个应用
- 2.属性动态绑定
- 3.表达式
- 4.解决phpstorm不识别ECMASCRIPT6语法的问题
- 5.watch监听属性
- 6.使用object与array控制class
- 7.条件渲染
- 8.循环
- 9.变异方法
- 10.事件
- 11.表单
- 12.组件
- 13.css过渡动
- 14.js库控制vue过渡动作
- 15.自定义指令directive
- 16.使用vue-cli初始化单页面应用
- 17.Vue-router路由
- 18.vuex
- 19.vue-cli
- webpack
- zanui
- nodejs