基础篇:
基础教程⼆:菜单栏主要功能介绍,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 notos.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())如果是text3:import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path();urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf),'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + 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\est.css就好了
<2>安装插件sidebarenhancements,我们编辑完代码后希望⾃⼰可以在⾃⼰想要的浏览器上看到,那么我们可以Ctrl+shift+p--->pc--->sidebarenhancements;安装完成后,⾃⼰可以再通过ctrl + k, ctrl + b打开侧边栏,在侧边栏的⽂件中右击,找到 open width -> editapplications。⾥⾯可以配置⾃⼰想要的浏览器这⾥⼀Chorm为例,更改相爱application的地址就可以了
综上的话,你已经差不多会使⽤sublime text3了,⾄于更多复制的功能还有⼀些快捷键⼤家在实践中去摸索吧!
因篇幅问题不能全部显示,请点此查看更多更全内容
Copyright © 2019- efsc.cn 版权所有 赣ICP备2024042792号-1
违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com
本站由北京市万商天勤律师事务所王兴未律师提供法律服务