sublimetext3的使⽤介绍
基础篇:
基础教程⼆:菜单栏主要功能介绍,word⼤家都⽤过吧?有些快捷键其实类似的,在sublime text3当中你可以ctrl+n新建,ctrl+c复制,ctrl+v 粘贴等等,导航条那些功能和其他⼀些软件差不多,⼤同⼩异,这⾥就不详细介绍了,把⼀下常⽤的介绍下
基础教程三:当你在完成⼀个巨⼤的项⽬时,假如有10万⾏代码,boss突然说把某个地⽅的背景⾊改⼀下,那你怎么办?那么goto anything 就可以发挥强⼤的功能了,快捷键是ctrl+p,这个⽀持模糊匹配查询,⼤伙可以去试试。千万不要把这个和ctrl+shift+p搞模糊了,ctrl+shift+p 是将编辑模式改为JavaScript模式,这是⼀种命令模式,你可以通过这个将⾃⼰的代码改为其他模式
基础教程四:多⾏游标的功能。你在sublime text3中如果想要查和替换那么快捷键是ctrl+h。在sublime text3中有更酷的⽅式搞定,直接⽤⿏标选中⾃⼰想替换或者更改的那个地⽅,然后ctrl+D,按⼏次ctrl+D就可以有⼏个相同地⽅⾃⼰要改的变化到时候。当然你可以alt+F3直接选中你的那些东西,你可以进⾏替换或者直接在后⾯进⾏编辑。说⽩了多⾏游标就是ctrl+H,ctrl+D,alt+F3等等键组合的综合应⽤,你也可以额通过shift+⿏标拖拽实现。
应⽤篇:
通过上⾯的学习,你差不多可以使⽤sublime text3了,现在你可以开启你的sublime text3开始⽤下了。开启后,想新建个⽂件,那么
ctrl+N,想编辑html模式代码,那么ctrl+shift+p,然后按ssh,其实就是Set Syntax HTML,然后你就可以编辑html代码了,⽤过dreamweaver的⼩伙伴们应该会发现,每次打开dw,会出现那些头⽂件和⼀些结尾的东西,当然我们sublime text3也可以实现这个东西,但是要配置下⼀个插件。菜单栏中点击View->Show Console;在出现的命令⾏中输⼊以下代码并按enter键:
如果是sublime text2:import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not ists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('sublime.wbond/'+pf.replace(' ','%20')).read())
如果是text3:quest,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path();
'wb').quest.urlopen( 'sublime.wbond/' + pf.replace(' ','%20')).read())
最后
ctrl+shift+p,快捷键打开命令⾏,在⾥⾯输⼊
Package Control: Install Package
或者点击Preferences->Package Control输⼊也可以
执⾏后会有⼀个命令框出现,在⾥⾯输⼊“Emmet”,这个需要安装的插件,以前叫zend coding,我想你肯定需要,选择后enter。
上⾯操作结束后你就成功安装好那个插件了,记得重启。接下来你可以按!+ctrl+E那么像dreamweaver那样的那些开头出现的东西,在sublime text3中也出现了。然后⾃⼰就可以运⽤goto anything进⾏快速编程了。我们⼀般是在body内敲代码的,所以我们使⽤goto
anything的快捷键ctrl+P然后在框中输⼊#body按回车后就跳到body那⾥去了,但是不在body⾥⾯呀?这时候咋办呢?我们只要再次按下ctrl+enter就好了,现在就可以在body下编程了。如果你想输出8个⽆序列表,那么你可以ul>.iters$*8然后按ctrl+E.那么8个⽆序列表就这样产⽣了。在这⾥>是表⽰ul⾥⾯的⼦元素.$代表的是序号,*8表⽰8⾏。
⼤家都喜欢⾃⼰的代码看起来好看点,很⼯整,那么我们可以通过Ctrl+{或者}来进⾏缩进处理。选中⾃⼰想要缩进的代码⽚段按Ctrl+{或者}来调⾃⼰想要缩进的地⽅,
⾼级应⽤篇:
<1>安装插件advanceNewFile,这个是为了让你可以在⾃⼰的右边那个⾯板随意添加⽂件。安装过程如下:Ctrl+shift+P--->PC---
>advanceNewFile,这样⼀来你就安装成功了;你可以按ctrl+alt+N,下⽅输⼊test.css,那么你将会看到下⾯两张图⽚,⾃⼰对⽐,第⼆张图⽚右边出现了test.css⽂件。你如果想让test.css这个⽂件出现在某个⽂件夹,那么直接在A\B\test.css就好了
<2>安装插件sidebarenhancements,我们编辑完代码后希望⾃⼰可以在⾃⼰想要的浏览器上看到,那么我们可以Ctrl+shift+p--->pc---
sublime text3安装教程>sidebarenhancements;安装完成后,⾃⼰可以再通过ctrl + k, ctrl + b打开侧边栏,在侧边栏的⽂件中右击,到 open width -> edit applications。⾥⾯可以配置⾃⼰想要的浏览器这⾥⼀Chorm为例,更改相爱application的地址就可以了
综上的话,你已经差不多会使⽤sublime text3了,⾄于更多复制的功能还有⼀些快捷键⼤家在实践中
去摸索吧!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论