使用sublime text3的一些事_CSS教程_
使用sublime text3的一些事
来源：人气：1325
使用sublime text3的一些事　　因为在第一次接触网页设计的时候，使用的是，它的设计是一款所见即所得的网页编辑器，而且当你写好元素之后的&：&时，就会有代码提示功能，对一些初学者来说，是一个不错的选择。但是慢慢地你会发现可视化界面没有完成它的功能，一些页面不能很好的呈现出来，并且使得代码的可读性变得较差。后来在面试某公司的时候，面试官也对我说，现在的前端工程师很少使用它来开发网页。然后我就发现了sublime text这款软件。在使用sublime text的时候，你会发现，代码会在你输入第一个字符之后才会显示提示，而且所有的路径都要自己手动输入，不能像Dreamweaver那样可以导入，这些对于用惯Dreamweaver的童子来讲，可能会不习惯。但是仔细想想，这样的设计不正能锻炼我们敲代码的能力么。sublime text有很多快捷键，你可以轻松的掌握并使用他们，减少因非技术问题带来的时间消耗。　　现在我就对sublime text编辑器的使用，做一个简单的总结：　　Sublime Text 是一个代码编辑器（Sublime Text 2是收费软件，但可以无限期试用），也是HTML和散文先进的文本编辑器。Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、、Mac OS X等。　　Sublime Text 的下载安装：　　1.在搜索引擎中输入Sublime text，就会看到以下　　　　　　　　点击下载，就可以下载安装包 ，然后解压，接着跟着提示就可以安装成功。　　Sublime Text 的使用：　　1.sublime Text的使用，最好是要记住一些常见的快捷键　　　　选择类：　　　　Ctrl+D选中光标所占的文本，继续操作则会选中下一个相同的文本。　　Alt+F3选中文本按下快捷键，即可一次性选择全部的相同文本进行同时编辑。举个栗子：快速选中并更改所有相同的变量名、函数名等。　　Ctrl+L选中整行，继续操作则继续选择下一行，效果和Shift+&效果一样。　　Ctrl+Shift+L先选中多行，再按下快捷键，会在每行行尾插入光标，即可同时编辑这些行。　　Ctrl+Shift+M选择括号内的内容（继续选择父括号）。举个栗子：快速选中删除函数中的代码，重写函数体代码或重写括号内里的内容。　　Ctrl+M光标移动至括号内结束或开始的位置。　　Ctrl+Enter在下一行插入新行。举个栗子：即使光标不在行尾，也能快速向下插入一行。　　Ctrl+Shift+Enter在上一行插入新行。举个栗子：即使光标不在行首，也能快速向上插入一行。　　Ctrl+Shift+[选中代码，按下快捷键，折叠代码。　　Ctrl+Shift+]选中代码，按下快捷键，展开代码。　　Ctrl+K+0展开所有折叠代码。　　Ctrl+&向左单位性地移动光标，快速移动光标。　　Ctrl+&向右单位性地移动光标，快速移动光标。　　shift+&向上选中多行。　　shift+&向下选中多行。　　Shift+&向左选中文本。　　Shift+&向右选中文本。　　Ctrl+Shift+&向左单位性地选中文本。　　Ctrl+Shift+&向右单位性地选中文本。　　Ctrl+Shift+&将光标所在行和上一行代码互换（将光标所在行插入到上一行之前）。　　Ctrl+Shift+&将光标所在行和下一行代码互换（将光标所在行插入到下一行之后）。　　Ctrl+Alt+&向上添加多行光标，可同时编辑多行。　　Ctrl+Alt+&向下添加多行光标，可同时编辑多行。　　　　编辑类　　Ctrl+J合并选中的多行代码为一行。举个栗子：将多行格式的属性合并为一行。　　Ctrl+Shift+D复制光标所在整行，插入到下一行。　　Tab向右缩进。　　Shift+Tab向左缩进。　　Ctrl+K+K从光标处开始删除代码至行尾。　　Ctrl+Shift+K删除整行。　　Ctrl+/注释单行。　　Ctrl+Shift+/注释多行。　　Ctrl+K+U转换大写。　　Ctrl+K+L转换小写。　　Ctrl+Z撤销。　　Ctrl+Y恢复撤销。　　Ctrl+U软撤销，感觉和Gtrl+Z一样。　　Ctrl+F2设置书签　　Ctrl+T左右字母互换。　　F6单词检测拼写　　　　　　搜索类　　Ctrl+F打开底部搜索框，查找关键字。　　Ctrl+shift+F在文件夹内查找，与普通编辑器不同的地方是sublime允许添加多个文件夹进行查找，略高端，未研究。　　Ctrl+P打开搜索框。举个栗子：1、输入当前项目中的文件名，快速搜索文件，2、输入@和关键字，查找文件中函数名，3、输入：和数字，跳转到文件中该行代码，　　　　　　4、输入#和关键字，查找变量名。　　Ctrl+G打开搜索框，自动带：，输入数字跳转到该行代码。举个栗子：在页面代码比较长的文件中快速定位。　　Ctrl+R打开搜索框，自动带@，输入关键字，查找文件中的函数名。举个栗子：在函数较多的页面快速查找某个函数。　　Ctrl+：打开搜索框，自动带#，输入关键字，查找文件中的变量名、属性名等。　　Ctrl+Shift+P打开命令框。场景栗子：打开命名框，输入关键字，调用sublime text或插件的功能，例如使用package安装插件。　　Esc退出光标多行选择，退出搜索框，命令框等。　　　　　　显示类　　Ctrl+Tab按文件浏览过的顺序，切换当前窗口的标签页。　　Ctrl+PageDown向左切换当前窗口的标签页。　　Ctrl+PageUp向右切换当前窗口的标签页。　　Alt+Shift+1窗口分屏，恢复默认1屏（非小键盘的数字）　　Alt+Shift+2左右分屏-2列　　Alt+Shift+3左右分屏-3列　　Alt+Shift+4左右分屏-4列　　Alt+Shift+5等分4屏　　Alt+Shift+8垂直分屏-2屏　　Alt+Shift+9垂直分屏-3屏　　Ctrl+K+B开启/关闭侧边栏。　　F11全屏模式　　Shift+F11免打扰模式　　2.我尝试使用使用下面的快捷技巧，然后按TAB键生成想要的DOM，但是因为，配置中没有emmet，所以可以手工配置，或者是自动配置，配置好之后，便可以使用　　Child: &　　　　nav&ul&li&nav& &ul& &li&&/li& &/ul& &/nav&　　Sibling: +　　　　div+p+bq&div&&/div& &p&&/p& &blockquote&&/blockquote&　　Climb-up: ^　　　　div+div&p&span+em^bq&div&&/div& &div& &p&&span&&/span&&em&&/em&&/p& &blockquote&&/blockquote& &/div&　　　　div+div&p&span+em^^bq&div&&/div& &div& &p&&span&&/span&&em&&/em&&/p& &/div& &blockquote&&/blockquote&　　Grouping: ()　　　　div&(header&ul&li*2&a)+footer&p&div& &header& &ul& &li&&a href="/145946/"&&/a&&/li&" target="_blank" rel="nofollow"&　　　　(div&dl&(dt+dd)*3)+footer&p&div& &dl& &dt&&/dt& &dd&&/dd& &dt&&/dt& &dd&&/dd& &dt&&/dt& &dd&&/dd& &/dl& &/div& &footer& &p&&/p& &/footer&　　Multlication: *　　　　ul&li*5&ul& &li&&/li& &li&&/li& &li&&/li& &li&&/li& &li&&/li& &/ul&　　Sublime Text还有其他的插件，大家可以上网查看学习！　　第一次写博客，与大家共勉 ！
优质网站模板text3的使用介绍
text3的使用介绍
基础教程一：先去官网/下载一个sublime text3,环境配置很简单，你可以全程按next都没问题。sublime text3优点：1.多行选择模式 2.提供支持vim兼容模式 3.启动速度快 4.命令模式 5.提供各种插件。6你可以查看你的文件夹中的图片哦
基础教程二：菜单栏主要功能介绍，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,pf=‘Package Control.sublime-package‘;ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else Nopen(os.path.join(ipp,pf),‘wb‘).write(urllib2.urlopen(‘http://sublime.wbond.net/‘+pf.replace(‘ ‘,‘%20‘)).read())
如果是text3:import urllib.request, 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\test.css就好了
&2&安装插件sidebarenhancements,我们编辑完代码后希望自己可以在自己想要的浏览器上看到，那么我们可以Ctrl+shift+p---&pc---&安装完成后，自己可以再通过ctrl + k, ctrl + b打开侧边栏，在侧边栏的文件中右击，找到 open width -& edit applications。里面可以配置自己想要的浏览器这里一Chorm为例，更改相爱application的地址就可以了
综上的话，你已经差不多会使用sublime text3了，至于更多复制的功能还有一些快捷键大家在实践中去摸索吧！
发表评论：
馆藏&10281
TA的推荐TA的最新馆藏[转]&}