sublime text3的使用介绍

基础篇:

基础教程一:先去官网http://www.sublimetext.com/下载一个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,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())

如果是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\test.css就好了

<2>安装插件sidebarenhancements,我们编辑完代码后希望自己可以在自己想要的浏览器上看到,那么我们可以Ctrl+shift+p--->pc--->sidebarenhancements;安装完成后,自己可以再通过ctrl + k, ctrl + b打开侧边栏,在侧边栏的文件中右击,找到 open width -> edit applications。里面可以配置自己想要的浏览器这里一Chorm为例,更改相爱application的地址就可以了

综上的话,你已经差不多会使用sublime text3了,至于更多复制的功能还有一些快捷键大家在实践中去摸索吧!

				
时间: 2024-10-19 04:39:15

sublime text3的使用介绍的相关文章

sublime text3 前端插件介绍

Emmet插件 Emmet插件可以说是使用Sublime Text进行前端开发必不可少的插件 它让编写HTML代码变得极其简单高效 基本用法:输入标签简写形式,然后按Tab键 关于Emmet的更多介绍,请查看官方文档 这份速查表,可以帮你快速记忆简写形式 JsFormat插件 这是一款将JS格式化的插件 同样使用Package Control安装JsFormat插件后 即可在JS文件中通过鼠标右键->JsFormat或键盘快捷键Ctrl+Alt+F对JS进行格式化 SideBarEnhancem

Sublime Text3介绍和插件安装——基于Python开发

Subime编辑器是一款轻量级的代码编辑器,是收费的,但是可以无限期使用.官网下载地址:https://www.sublimetext.com. Sublime Text3支持语言开发种类多样,几乎可以涵盖所有的开发语言(Java.C/C++.C#.Python.Go.JavaScript…),轻量.智能提示.界面完美.支持自定义界面和插件配置,这让很多开发者一经上手就会爱上这款便捷的Coding神器. 本文是笔者使用Sublime Text3基于Python学习.开发进行安装及相关插件的配置,

sublime text3安装 mac os汉化/常用模块

sublime text介绍: Sublime Text 是一个代码编辑器(Sublime Text 2是收费软件,但可以无限期试用),也是HTML和散文先进的文本编辑器.Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来,它最初被设计为一个具有丰富扩展功能的Vim. Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等.还可自定义键绑定,菜单和工具栏.Sublime Text 的主要功能包括:拼写检查,书签,完整

sublime Text3插件教程

Mr_Renhappy Sublime Text3 3080安装及各种插件教程 作为一个前端开发人员,搭建自己喜欢的开发环境是必要的!Sublime Text3 作为一个前端开发利器是必备的, 会用是不够的,必须学会如何安装配置:作为一个windows用户很多命令行操作是很不习惯的,但有些地方命令行命令行也是必需的. 工具/原料 Sublime Text Nodejs 方法/步骤 1 打开Sublime Text3 官网   http://www.sublimetext.com/3 并下载与自己

为什么要选择Sublime Text3?

为什么要选择Sublime Text3? Sublime Text3 自动保存,打开图片 跨平台启动快!!!!多行游标,太好用. 插件,简直选不过来. 代码片段 VIM兼容模式 菜单栏基础功能介绍 File:文档相关,新建文件,打开文件或文件夹等. Edit:文件编辑相关,复制,剪切等(CVS大法好).除此之外还有一些强大的功能. Selection:选择相关,帮助选择代码. Find:查找替换相关.这个和其它编辑器区别好像不大. Ctrl+F查找.Ctrl+H替换等. View:对Sublim

Sublime Text3安装SublimeREPL插件以及快捷键设置

SublimeREPL是Sublime Text的一个插件,它除了可以使你在ST中运行解释器(REPL),还有对Python语言的特别支持,包括在本地/远程(远程仅在linux/osx平台可用)virtualenv中启动Python,快速运行选中的代码或者启动PDB等. 本文介绍在windows下Sublime Text3安装SublimeREPL插件以及快捷键设置等. ------------- 1.Package Control *我是建议使用的是直接内置了Package Control的S

sublime text3 --前端工程师必备神器

sublime text3 --前端工程师必备神器 导读目录: 下载与Emmet插件安装 sublime text3 中cssrem安装与使用 sublime Text 3的中文文件名显示为方框的问题解决方案 如何使用自定义的快捷键快速在浏览器中打开html文件 sublime text3 下载安装与 Emmet插件的安装 对于前端工程师来说,sublime text3绝对是神器,Emmet插件通过自动补齐可以大大提高我们的开发效率. 第一步:进入 官网 下载sublime text3.比如对于

sublime text3 增加emmett插件

本内容基于Windows环境)一.已安装有Sublime Text3 二.安装Package Control    安装这个后,可以在线安装所需的插件    方法1.Ctrl+~打开控制台,在控制台输入如下的Python命令import  urllib.request,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();urllib.request.install_opener(urllib.

windows下基于sublime text3的nodejs环境搭建

第一步:先安装sublime text3.详细教程可自行百度,这边不具体介绍了. 第二步.安装nodejs插件,有两种方式 第一种方式:直接下载https://github.com/tanepiper/SublimeText-Nodejs 压缩包,压缩后重命名为Nodejs放到package目录下.package打开方式:Preferences-> Browser Package 第二种方式:通过package control install package的方式下载 第三步:安装nodejs.