如何使用sublimetext加入图片

A. 我的Sublime Text3怎么使用

SublimeText：一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件，不仅具有华丽的界面，还支持插件扩展机制，用她来写代码，绝对是一种享受。相比于难于上手的Vim，浮肿沉重的Eclipse，VS，即便体积轻巧迅速启动的Editplus、Notepad++，在SublimeText面前大略显失色，无疑这款性感无比的编辑器是Coding和Writing最佳的选择，没有之一。原文首链，请移步这里如何优雅地使用SublimeText;最后更新于2015.12.15晚(不能为简书文章添加目录？，额，折腾不出来，醉了)，但目录结构还是可以有的：如何优雅地使用SublimeText之目录结构SublimeText2和3的对比SublimeText3安装插件SublimeText3插件推荐定制属于自己的快捷键Sublime不可不知的实用技巧定制属于自己的个性化主题Sublime锦上添花些许设置写在一路更来的结语SublimeText2和3的对比相比于2，SublimeText3就秒启动一项，就压倒性地胜利了。因此在之后的叙述中都以SublimeText3为主角。并且3一直在不断的完善更新，具体的差异可参看SublimeBlog.简单的说：ST3支持在项目目录里面寻找变量提供了对标签页更好地支持（的命令和快捷键）加快了程序运行的速度更新了API，使用Python3.3强烈推荐朋友们使用3!唯快不破，不解释。SublimeText3安装插件SublimeText的强大就是她拥有强大的课可扩展性。您可根据自己的需要安装不同的插件；这使得她变的无比强大的同时又不失轻便。插件安装方式一：直接安装：安装Sublimetext3插件很方便，可以直接下载安装包解压缩到Packages目录（菜单->preferences->packages）。插件安装方式二：使用PackageControl组件安装：按Ctrl+`调出console（注：安装有QQ输入法的这个快捷键会有冲突的，输入法属性设置-输入法管理-取消热键切换至QQ拼音）粘贴以下代码到底部命令行并回车：importurllib.request,os;pf='PackageControl.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('Cmd+Shift+C快捷键。SublimeREPL这可能是对程序员很有用的插件。SublimeREPL允许你在SublimeText中运行各种语言（NodeJS，Python，Ruby，Scala和Haskell等等）。Ctags插件有童鞋抱怨SublimeText不能支持函数的跳转（比如像Eclipse那样，按住Control点击该方法或者对象，即可跳转到定义的地方；Alt+←即可回到原处）。其实SublimeText也可以借助插件实现之（当然，有些情况下:Cannotfinddefination）毕竟这个也是借助正则来匹配完成的。因此这个也就要求代码很规范。这个插件相对来讲会有些麻烦，具体的可以参见:SublimeTextctags的配置.SublimeLinter插件SublimeLinter是前端编码利器——SublimeText的一款插件，用于高亮提示用户编写的代码中存在的不规范和错误的写法，支持JavaScript、CSS、HTML、Java、PHP、Python、Ruby等十多种开发语言。这篇文章介绍如何在Windows中配置SublimeLinter进行JS&CSS校验。比如写例如像lua这样的弱语言脚本代码，有这个可以规避掉很多不该有的低级错误吧？当然这也需要你SublimeLinter安装完毕之后再安装一个SublimeLinter-lua即可。具体的使用可以参见：借助SublimeLinter编写高质量的JavaScript&CSS代码SideBarEnhancements插件SideBarEnhancements是一款很实用的右键菜单增强插件；在安装该插件前，在SublimeText左侧FOLDERS栏中点击右键，只有寥寥几个简单的功能；安装了就相当于给其丰了大胸一般。更强大的是，该插件还能让我们自定义快捷键呼出某个浏览器以预览页面！这样就不用到项目目录下寻找和拖动到特定浏览器中预览了。安装此插件后，点击菜单栏的preferences->packagesetting->sidebar->KeyBuilding-User，键入以下代码：[{"keys":["ctrl+shift+c"],"command":"_path"},//chrome{"keys":["f2"],"command":"side_bar_files_open_with","args":{"paths":[],"application":"C:\\Users\\jeffj\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe","extensions":".*"}}]这里设置按Ctrl+Shift+C复制文件路径，按F2即可在Chrome浏览器预览效果(如果需要的话，也可以根据自己的需要为Firefox，Safari，IE，Opera等加上)，当然你也可以自己定义喜欢的快捷键，最后注意代码中的浏览器路径要以自己电脑里的文件路径为准。HTML-CSS-JSPrettify一款集成了格式化（美化）html、css、js三种文件类型的插件，即便html,js写在PHP文件之内。插件依赖于nodejs，因此需要事先安装nodejs，然后才可以正常运行。插件安装完成后，快捷键ctrl+shift+H完成当前文件的美化操作。插件对html、css文件的美化不是非常满意，但还可以，后面将说明如何修改css美化脚本。本人用起来超级爽的，鉴于篇幅，就不赘述，可以参见这篇介绍。CSScombCSS属性排序:有时候看看自己写的CSS文件，会不会觉得属性很乱查找不易维护难？CSScomb可以按照一定的CSS属性排序规则，将杂乱无章的CSS属性进行重新排序。选中要排序的CSS代码，按Ctrl+Shift+C，即可对CSS属性重新排序了，代码从此简洁有序易维护，如果不款选代码则插件将排序文件中所有的CSS属性。当然，可以自己自定义CSS属性排序规则，打开插件目录里的CSScomb.sublime-settings文件，更改里面的CSS属性顺序就行了。因为这个插件使用PHP写的，要使他工作需要在环境变量中添加PHP的路径，具体请看github上的说明。SublimeTmpl快速生成文件模板一直都很奇怪为什么sublimetext3没有新建文件模板的功能，像html头部的DTD声明每次都要复制粘贴。用SublimeTmpl这款插件终于可以解脱了，SublimeTmpl能新建html、css、javascript、php、python、ruby六种类型的文件模板，所有的文件模板都在插件目录的templates文件夹里，可以自定义编辑文件模板。SublimeTmpl默认的快捷键:ctrl+alt+hhtmlctrl+alt+jjavascriptctrl+alt+ccssctrl+alt+pphpctrl+alt+rrubyctrl+alt+shift+ppython如果想要新建其他类型的文件模板的话，先自定义文件模板方在templates文件夹里，再分别打开Default(Windows).sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings这四个文件照着里面的格式自定义想要新建的类型，这里就详细介绍了，请各位自己折腾哈~Javascript-API-Completions:支持Javascript、JQuery、TwitterBootstrap框架、HTML5标签属性提示的插件，是少数支持sublimetext3的后缀提示的插件，HTML5标签提示sublimetext3自带，不过JQuery提示还是很有用处的，也可设置要提示的语言。

B. sublime text 3怎么用

Sublime Text 3 是一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件，不仅具有华丽的界面，还支持插件扩展机制，用她来写代码，绝对是一种享受。

界面

先看下ST3的界面：

l 从上到下：标题栏↓菜单栏↓tab控制栏↓编辑区↓状态栏；

l 从做到右：分别是边栏（可关闭）→编辑区→MiniMap

菜单栏

各种命令，各种设置。

Tab栏

很多编辑器都有的，如果文件编辑过未保存，右上角有个小圆点提示保存，如果未保存关了也不用害怕，ST2很贴心，会帮我们自动保存。

编辑区

这是我们主要的工作区域，ST2支持代码自动缩进，代码折叠功能。

介绍几个常见的功能：

l 自动完成：自动完成的快捷键是Tab和Enter，如果在html文件中，输入cl按下tab或Enter，即可自动补全为class=””；加上zencoding后，更是如虎添翼，后面再讲到。

l 多列编辑：按住ctrl点击鼠标，会出现多个闪烁的光标，这时可同时修改多处

或者按住鼠标中键拖拽，

l 代码注释功能：ctrl+/、ctrl+shift+/分别未行注释和块注释，再按一下就能去掉注释，ST3能够自动识别是html、css还是js文件，给出不同类型的注释。

l 行操作：ctrl+alt+↑、ctrl+alt+↓向上或者向下交换两行，ctrl+enter，光标后插入空行，ctrl+d选择相似，可以参考后面的快捷键列表。

l 右键功能：

前3个，大家都知道，第4个，show unsaved changes，显示未保存的修改，红色减号表示删去的内容，绿色加号表示新增的内容

Open Containing Folder…，打开包含此文件的文件夹，这个很方便找到相关的文件。

Copy File Path，复制文件路径，方便我们复制路径到浏览器中查看。

l 人性化设计：从ST2开始就有很多设计细节还是值得称赞的，比如点击一个标签或者括号，会在起始处显示下划点线，方便看清代码结构，每一层嵌套代码间都有竖线，起到视觉辅助的作用。选中某个词还会给其他地方相同的词加上方框。另外还有代码折叠功能。

三、 设置

ST3的设置只有两个选项，分别是系统设置和快捷键设置。

一般我们修改设置的话，最好复制出来在user里修改，以免以后升级default被覆盖掉。

l Settings：在此文件里，可以修改很多东西，比如主题，字体，字号，是否显示行号、自动缩进、自动完成。很多都默认选中了，我另外修改了几处地方：

always_show_minimap_viewport——默认显示缩略图

draw_minimap_border——显示缩略图边框

font_size——字号

l Key Bindings：快捷键设置，ST3的快捷键很多，改的时候注意不要覆盖了。因为快捷键众多，所以有下面这种组合快捷键，先按下ctrl+k，松开k，再按下j就可以展开全部折叠代码了。

此处插入图片

l 主要快捷键列表
Ctrl+L 选择整行（按住-继续选择下行）
Ctrl+KK 从光标处删除至行尾
Ctrl+Shift+K 删除整行
Ctrl+Shift+D 复制光标所在整行，插入在该行之前
Ctrl+J 合并行（已选择需要合并的多行时）
Ctrl+KU 改为大写
Ctrl+KL 改为小写
Ctrl+D 选词 （按住-继续选择下个相同的字符串）
Ctrl+M 光标移动至括号内开始或结束的位置
Ctrl+Shift+M 选择括号内的内容（按住-继续选择父括号）
Ctrl+/ 注释整行（如已选择内容，同“Ctrl+Shift+/”效果）
Ctrl+Shift+/ 注释已选择内容
Ctrl+Z 撤销
Ctrl+Y 恢复撤销
Ctrl+M 光标跳至对应的括号
Alt+. 闭合当前标签
Ctrl+Shift+A 选择光标位置父标签对儿
Ctrl+Shift+[ 折叠代码
Ctrl+Shift+] 展开代码
Ctrl+KT 折叠属性
Ctrl+K0 展开所有
Ctrl+U 软撤销
Ctrl+T 词互换
Tab 缩进 自动完成
Shift+Tab 去除缩进
Ctrl+Shift+↑ 与上行互换
Ctrl+Shift+↓ 与下行互换
Ctrl+K Backspace 从光标处删除至行首
Ctrl+Enter 光标后插入行
Ctrl+Shift+Enter 光标前插入行
Ctrl+F2 设置书签
F2 下一个书签
Shift+F2 上一个书签

四、 扩展

ST3是支持插件扩展的，首先，我们需要安装Package Control，我会另外发文章介绍。

插件推荐（由于ST3使用python3语言开发，而目前大部分插件还是python2.x，所以暂时有些插件会用不了或会有所改变，请等待更新）：

l ZenCoding：前端必备，快速开发HTML/CSS，现已更名为Emmet。

输入 div.wrapper>div.header+div.main+div.footer 按下Tab，立刻变成

或者按下ctrl+alt+enter，激发zencoding控制台，可看到整个动态的过程。

l JsFormat，格式化js代码，这个插件很有用，我们有时在网上看到某些效果，想查看是怎么实现的，但是代码被压缩过，很难阅读，不用怕，用ST3打开，按下快捷键，即可让代码还原，莫非是武林中失传已久的“还我靓靓拳”。

l Tag 格式化标签，让乱七八糟的代码，瞬间整齐清晰。

l BracketHighlighter，括号高亮显示。

l Clipboard History，剪切板历史，可以保存多个复制信息，按下ctrl+alt+v，可以选择历史剪切板。

l Goto-CSS-Declaration，跳转到css文件该class的声明处，方便修改查看，如图下所示，注意对应的css文件要同时打开才行。

l SCSS，支持scss的语法高亮，里面附带了好多CSS Snippet，无论现用或者改造成，都可节省不少时间。

还有很多插件，jquery语法提示，jsHint等等。

五、 结语

总而言之，Sublime Text 3是一款不错的代码编写工具，有好看的ui，人性化的细节设计，全面的功能和扩展机制，如果你还没用过，请试一下，不会让你失望的。另外，希望ST3以后能完美支持中文。

C. 用Sublime Text 3 制作网页时怎么插入图片

sublime Text是一款编码软件
不像DW那样可视化操作
如果要播入图片的话用代码<img src="#" />，把#号换成你的图片地址即可。

D. 如何使用sublime text2

Sublime Text3使用技巧教程
1
Sublime用的比较多的版本是Text2和Text3,这些网上都可以下载到，汉化的也是有的，小编使用的是Text3中文版，安装好后，右击想要打开的各种格式（html，js，xml,txt)等都可以快速打开
2

技巧一：快速注释
选择需要注释的代码，多行或单行都很随意，然后使用”Ctrl+/”，或者使用“Ctrl+Shft+/”即可快速注释。注释了再同样按一下即可接触注释。这里的注释比eclipse中的java好用。
3

技巧二：快速查找
按住”Ctrl+F”快捷键，即可进行快速搜索，在搜索框下边输入要找的变量名称和方法名等都可以，定位很迅速。
4

技巧三：缩略图定位
我们可以发现右侧可以看到整个代码的缩略图，点击相应的区域即可快速定位到了，非常方便。
5

技巧四：快速打开文件
Ctrl+P快捷键可以快速打开文件，输入文件名称即可切换打开了，因为可能我们一次打开的窗口比较多，Ctrl+P快捷键可以快速的切换到相应的文件
Sublime Text3技巧使用介绍（图文教程）
6
技巧五：打开整个工程
文件——》打开文件夹——》选择自己的工程，可以打开整个工程，这里的话就可以在整个工程里边查看所有文件了，修改方便
7

总结：
Sublime可以很方便的编程，对于js和html等编写非常方便，可以编写了在浏览器迅速看到效果；在需要java和web容器，比如tomcat支持的时候，部署工程到tomcat后，使用Sublime打开tomcat下的Webapps的部署好的工程，这样就可以进行更改，效果更快。更改的话不需要那myeclipse等了，myeclipse只是用来启动部署而已；当然更改了记得另存，不然myeclipse哪里重新部署的话就将myeclipse的工作空间的覆盖了你修改的tomcat里边的内容。

E. 如果css和图片在同一文件下,怎么用sublime text引用

路径问题啊，如果是同级文件可以直接xxx.css或者./xxx.css，上级文件../xxx.css，同级相邻文件../css/xxx.css。每有一个上级多写一个../

F. 那位大神知道sublime text2怎样能直接显示图片吗

sublime 3 直接把图片拖进去即可

G. sublime text 如何插入图片啊

安装个AutoFileName插件，还望采纳

H. 如何优雅地使用 Sublime Text

编辑 多字段选择修改 Sublime Text支持多处文本的同时修改： 选中需要修改的文字，编辑器会自动提示文档内的相同文本。 按Cmd + d添加下一个文本段到标记列表，如果需要跳过当前文本段，按Cmd + k然后Cmd + d 快捷键Cmd + u可以将当前文本段从编辑列表去掉 ESC键可以退出编辑状态 整行选取 Cmd + l可以选取光标所在行，活着当前选区所在所有行 Cmd + Shift + l可以将选区的分裂为多选区，可同时编辑 文本选择 alt + shift + 在对应放上增加下一个token入选区 ctrl + shift + m选中光标所在括号的所有内容 Cmd + shift + j选中与光标所在行相同缩进的内容 字符交换 ctrl + t交换相邻的两个字母 搜索替换 Sublime Text支持Perl Compatible Regular Expressions (PCRE) engine的正则表达式搜索，默认搜索为普通搜索，需要在搜索框左边点击对应按钮切换到正则表达式搜索，也可以使用快捷键进行切换。 option + Cmd + r搜索的正则表达式和普通文本切换 单文件内的搜索和替换 Cmd ＋ f打开搜索框 ESC关闭搜索框 option + Cmd + c切换区分大小写 option + Cmd + w切换是否完整匹配：time 匹配timeOut或者 time单独单词 option + Enter选中全部匹配结果并可同时编辑 Cmd + g或者Enter查找下一个 Cmd + shift + g查找前一个 Cmd + e选中文本后按此快捷键可直接搜索 替换 option + Cmd + f打开替换面板 Cmd + g或者Enter查找下一个 option + Cmd + e替换并查找下一个 option + Enter当焦点在替换面版时会选中全部匹配项并处于可编辑状态 多文件搜索 Cmd + shift + f打开多文件搜索面版 设置多文件搜索范围 在多文件搜索面版的Where栏指定搜索范围，支持以下方式的搜索范围指定： unix格式的路径 使用通配符排除特定文件 symbolic location入：,等 也可以使用逗号结合以上三种格式的范围。 文件导航和文件管理 goto anything文件导航 搜索项目任意文件并导航。可在搜索栏进行过滤，可预览当前选中文件。 Cmd + p打开文件面版 Enter打开当前项并关闭导航面版 ->打开当前项，不关闭导航面版 ESC关闭导航面版

I. 如何使用sublime text 3

Sublime用的比较多的版本是Text2和Text3,这些网上都可以下载到，汉化的也是有的，小编使用的是Text3中文版，安装好后，右击想要打开的各种格式（html，js，xml,txt)等都可以快速打开
Sublime Text3技巧使用介绍（图文教程）
Sublime Text3技巧使用介绍（图文教程）
技巧一：快速注释
选择需要注释的代码，多行或单行都很随意，然后使用”Ctrl+/”，或者使用“Ctrl+Shft+/”即可快速注释。注释了再同样按一下即可接触注释。这里的注释比eclipse中的java好用。
Sublime Text3技巧使用介绍（图文教程）
技巧二：快速查找
按住”Ctrl+F”快捷键，即可进行快速搜索，在搜索框下边输入要找的变量名称和方法名等都可以，定位很迅速。
Sublime Text3技巧使用介绍（图文教程）
技巧三：缩略图定位
我们可以发现右侧可以看到整个代码的缩略图，点击相应的区域即可快速定位到了，非常方便。
Sublime Text3技巧使用介绍（图文教程）
技巧四：快速打开文件
Ctrl+P快捷键可以快速打开文件，输入文件名称即可切换打开了，因为可能我们一次打开的窗口比较多，Ctrl+P快捷键可以快速的切换到相应的文件
Sublime Text3技巧使用介绍（图文教程）
技巧五：打开整个工程
文件——》打开文件夹——》选择自己的工程，可以打开整个工程，这里的话就可以在整个工程里边查看所有文件了，修改方便
Sublime Text3技巧使用介绍（图文教程）