码迷,mamicode.com
首页 > 其他好文 > 详细

sublime

时间:2017-10-17 15:05:56      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:地方   中文   准备   复制粘贴   href   chinese   install   修改   英文   

有点怀念Dreamweaver的一系列操作功能?sublime的功能也很强大,安装插件后你会用的很愉快。在这里较为详细的介绍三种必备插件:sidebarEnhancements,ChineseLocalizations,Emmet。这里需要去网页下载的只有sublime软件,packagecontrol 插件就可以了。不用再到网页去下载其它

准备工作:

首先安装下载sublime:http://www.sublimetextcn.com/(在哪里下载以及下载什么版本无所谓,你喜欢就好。)

安装好后你可能需要到packagecontrol 主页 (也就是 https://packagecontrol.io/)安装packagecontrol。 

技术分享

安装方法一:将选中的代码复制到粘贴板,然后跳转回sublime text 的界面,view->show console 。将代码粘贴到show console 中。按下回车键,即完成安装。

安装方法二:下载好的安装包,Preferences > Browse Packages… menu然后你看到的路径是这个C:\Users\\AppData\Roaming\Sublime Text 3\Packages返回上一级找到Installed Packages然后把你下载的插件甩到这里就可以了,再重启一下sublime(我的没有重启是ok的。)

技术分享

 

1、安装SideBarEnhancements插件

在sublime界面按快捷键ctrl+shift+P,输入pcip(packagecontrl install),等它运行一会儿之后,即可在出现的列表中选择想要安装的插件,我们输入sidebarEnhancements,选中它→enter(或者点选)。

技术分享

 

技术分享

想看详情找到菜单栏View→show Console

技术分享

 安装好了你就可以打开了增强版的sidebar了,可以在浏览器中浏览了:

技术分享

有些同学可能觉得还是不够,那我们来给它设置下快捷键:Preferences—>Package Settings—>Side Bar—>Key Bindings-User” 把以下代码复制粘贴过去:

1 [
2     { "keys": ["f2"], "command": "side_bar_files_open_with",
3         "args": {
4             "paths": [],
5             "application": "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe",
6             "extensions":".*"
7         }
8  }
9 ]

保存退出Ctrl+save就可以使用快捷键打开了。

注意:其中的“ [ ” 和 “ ] ” 一定不能少 
上面的代码中有两处需要注意的地方,一个是keys表示快捷键,可以设置成你喜欢的,不冲突就好。即f2可以启动chrome进行预览。另一个是application,表示浏览器所在的安装路径,只有路径配置正确,才能够正常调用浏览器。这需要查看自己浏览器的地址(不细说了)。

如果想设置多个浏览器打开的话,可以按这种格式再加上一段就可以了。比如:

 1 [
 2 
 3     //chrome
 4     { "keys": ["f1"], "command": "side_bar_files_open_with",
 5             "args": {
 6                 "paths": [],
 7                 "application": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe",
 8                 "extensions":".*"
 9             }
10      },
11 
12     //ie
13      { "keys": ["f3"], "command": "side_bar_files_open_with",
14              "args": {
15                 "paths": [],
16                 "application": "C:\\Program Files\\Internet Explorer\\iexplore.exe",
17                 "extensions":".*"
18             }
19     },
20     ]

2、安装ChineseLocalizations插件

 大家看到这个插件名字就差不多知道是什么用的了吧。很多人觉得英文的用的不喜欢,想汉化去下汉化版的,其实在这里安装ChineseLocalizations插件就可以了。方法与sidebarEnhancements一样:在sublime界面按快捷键ctrl+shift+P,输入pcip(packagecontrl install),等它运行一会儿之后,即可在出现的列表中选择想要安装的插件,我们输入ChineseLocalizations,选中它→enter(或者点选),等下下就就安装好了。

技术分享

在菜单栏里修改设置:help→Lauguage→简体中文,ok啦。

技术分享

有下了汉化版的同学想用别的语言也可以用这个方法修改语言的。但是这个汉化不是特别完全,基本需要还是可以满足的。

3、安装Emmet插件

安装好这个插件,在写代码的时候效率会提高很多。自动补充。安装方法同上,不再说。来讲一下它的功能

1、输入标签<h候选中enter需要的标签会自动补全,如下图所示例子:

技术分享技术分享

2、输入ul>li*10>img+p后,我们按下tab键代码就自动补全了

技术分享技术分享

是不是非常快。这里就简单说下这三个实用的插件。后面会再仔细讲。

 

sublime

标签:地方   中文   准备   复制粘贴   href   chinese   install   修改   英文   

原文地址:http://www.cnblogs.com/zhangyingZY/p/7681082.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!