全国服务热线:4008-888-888

技术知识

有关Web前端开发神器 Sublime Text 2 的详细介绍

  Sublime Text 2是1个轻量、简约、高效率、混合开发的编写器。博主以前1直用notepdd++写前端开发编码,用得也挺随手了,早就听闻sublime的名字,1直也懒得去试一试,觉得全是专用工具用着随手就好。这几日忽然心力来潮,下了个试了下,結果。。。結果博主没什么节操的抛下了notepad++。。。下面依据博主这几日的应用心得,来详细介绍下这款前端开发神器,介于应用時间很短,一些说的不当之处的地区还望各位看官海涵。

 

Windows 的 Sublime 有两种版本号:
一般版(Normal)
  Sublime Text 有关的文档被放在了两个文件目录中,1个用于置放程序流程及其有关文档,1个用于置放数据信息
便携版(Portable)
  全部的 Sublime Text 有关文档被置放在1个文档夹中(提议用这类,这样你换1台电脑上,立即把文档拷以往,便可以了,无需再去安裝软件,配备啥了,太爽了,有没有)

 

Sublime除自身功能强大,本人觉得在于它强劲的软件,下面详细介绍下软件安裝的方式:
1.立即安裝
  安裝Sublime text 2软件很便捷,能够立即免费下载安裝包解缩小到Packages文件目录(preferences->packages)。
2.应用Package Control组件安裝(强烈推荐)
  按Ctrl+`(`便是tab键上面那个,看了别的实例教程,害我找半天。。。)调出console
  粘贴下列编码究竟部指令行并回车:
  import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())
  重新启动Sublime Text 2。
  假如在Perferences->package settings中看到package control这1项,则安裝取得成功

  随后按Ctrl+shift+p,键入install package,最终键入软件姓名按回车便可。1切看起来都很幸福,但在有代理商的自然环境下这类安裝方式将会会不成功,我企业的自然环境就这样,如何处理呢?处理计划方案以下:

  1.免费下载proxifier,请google(proxifier的申请注册机遇被安全性手机软件作为木马,必须先放行)
  2.设定代理商服务器
        配备文档=》代理商服务器=》新增
        代理商详细地址:如xx.xx.com
        端口号:如8080
        https
  3.配备代理商标准
    将sublime的能够将对应的exe加上到代理商标准中去

 

好用软件目录(下列软件经博主都已安裝,的确爽歪歪)

Emmet(便是zencoding,这货改名了,在网上许多还写着这姓名)
  迅速写html编码,ctrl+alt+enter呼出,实际请参照:http://docs.emmet.io/abbreviations/syntax/

SublimeLinter
  1个适用lint英语的语法的软件,ctrl+alt+l呼出(与qq的锁住矛盾,自身去改热键吧)能够高亮度linter觉得有不正确的编码行

jQuery
  用jquery的同学不可错过了啊,写完后按tab键,有欣喜;

Alignment
  编码对齐,如写几个自变量,选定后,Ctrl+Alt+A,对编码有洁癖的人会喜爱的

Bracket Highlighter
  高亮度编码配对,能够配对括号,引号,标识等各种各样

DocBlockr
  全自动注解,彻底合乎jsdoc规范,按/**便可,不再用为注解苦恼啦

Prefixr
  写 CSS可全自动加上 -webkit 等独享词缀,Ctrl+Alt+X开启


Tag
  Html文件格式化,右键Auto-Format Tags on Ducument。


JS Format
  1个JS编码文件格式化软件,ctrl+alt+f文件格式化编码,让编码分分钟变好看

Theme - soda

  这个主题非常cool,在preferences->user setting中添加
  "color_scheme": "Packages/Color Scheme - Default/Monokai Soda.tmTheme",
  "theme": "Soda Dark.sublime-theme"
  安裝新的编码配色计划方案
  点一下Preferences->Browse Packages开启包安裝文件目录,寻找Color Scheme - Default文档夹,把免费下载来的新的配色安裝放入便可


Sublime Text便捷键:
  Ctrl+Shift+P:开启指令面板
  Ctrl+P:检索新项目中的文档
  Ctrl+G:自动跳转到第几行
  Ctrl+W:关掉当今开启文档
  Ctrl+Shift+W:关掉全部开启文档
  Ctrl+Shift+V:粘贴并文件格式化
  Ctrl+D:挑选单词,反复可提升挑选下1个同样的单词
  Ctrl+L:挑选行,反复可先后提升挑选下1行
  Ctrl+Shift+L:挑选多行
  Ctrl+Shift+Enter:在当今行前插进新行
  Ctrl+M:自动跳转到对应括号
  Ctrl+U:软撤消,撤消光标部位
  Ctrl+J:挑选标识內容
  Ctrl+F:搜索內容
  Ctrl+Shift+F:搜索并更换
  Ctrl+H:更换
  Ctrl+R:前往 method
  Ctrl+N:新建对话框
  Ctrl+K+B:电源开关侧栏
  Ctrl+Shift+M:选定当今括号內容,反复可选着括号自身
  Ctrl+F2:设定/删掉标识
  Ctrl+/:注解当今行
  Ctrl+Shift+/:当今部位插进注解
  Ctrl+Alt+/:块注解,并Focus到首行,写注解表明用的
  F11:全屏
  Shift+F11:全屏免打扰方式,只编写当今文档
  Alt+F3:挑选全部同样的词
  Alt+Shift+数据:分屏显示信息
  Alt+数据:切换开启第N个文档
  Ctrl+Tab:切换tab
  Ctrl+Shift+左右键,可更换行

 

 工欲善其事,必先利其器。没错,sublime肯定是前端开发利器,再次应用,再次总结。大伙儿假如有甚么好的有关sublime的软件及技能,请填补,感谢。



在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服