🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
登陆官网下载地址: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+] 选中代码,按下快捷键,展开代码。