Sublime Text (崇高文本)

官网下载:  http://www.sublimetext.com/3

  作为一个iOS开发者,在学习HTML5 的时候,或者在学习weex 的时候更多的会使用 sublime Text 、WebStorm 、IntelliJ IDEA ,三者从左到右体积越来越大,功能也越来越复杂。这里总结下我在学习 weex 和 HTML5 的时候给 sublime Text 安装的常用插件。

  • sublime Text 更轻量。体积小功能多,插件多。
  • WebStorm 多用做HTML开发。
  • IntelliJ IDEA 可以看做 WebStorm 的超集,包含他大部分功能。

一、Sublime Text3这款编译软件的安装以及插件的安装

1、Package Control 下载地址:https://packagecontrol.io/installation

为了方便开发人员快速安装需要的插件,下载完了复制 打开SublimeText3点击Preferences-->BrowsePackages-->注意这里只有User退回到Sublimi Text 3目录下进入--> Installed Packages 粘贴就可了。

查看是否安装成功:点击Preferences-->Package Settings这时就会看到Package Control这个选项 恭喜安装成功。

2、SublimeCodeIntel 代码提示的插件

打开SublimeText3 按住Ctrl+Shift+P 就会出现一个框框 输入:Pain 选择Package Control:Inatall Package 也会出现一个输入框

输入:SublimeCodeIntel 回车坐等安装成功 看做下提示。

3、HTML-CSS-js Prettify代码的格式化插件 安装方法跟上面一样

用法:点击右键就会出现HTML-CSS-JS Prettify 进入选第一个Prettif Code

这时候会报一个找不到nodejs程序 点击进入把那个nodejs路劲换成你自己的路径就好了!

4、ColorPicker 这个插件可以在编译器中取色 安装同上

用法:按住Ctrl+Shift+C 就可以了

5、All Autocomplete 插件会搜索所有打开的文件来寻找匹配的提示词。安装同上

如果你觉得不够用可以自行安装

二、显示weex语法高亮设置:

由于 weex 源代码的文件格式为.we 格式,默认在文本编辑器中不支持语法高亮,代码看起来很不舒服。不过可以使用 vue.js 的语法高亮来支持

第一步:下载 Weex 语法高亮脚本地址:https://pan.baidu.com/s/1mibEtFa  (不是我自己的)

第二步:打开 Sublime Text,依次点击 Tools -> Developer -> New Syntax,新建一个语法文件,把下载下来的文件打开复制内容覆盖原有的内容,并保存,文件名和扩展名为Plain we.sublime-syntax 。请注意文件名称必须命名为Plain     we.sublime-syntax,否则没有高亮.

第三步:开启weex语法高亮 点击View --> Syntax-->we Component (这个选项在最下面点击先下箭头往下翻) 这时候就大工告成了。

时间: 2024-11-14 13:35:20

Sublime Text (崇高文本)的相关文章

Sublime Text 新文本编辑器(txt3)

http://www.sublimetext.com/

12个不可不知的Sublime Text应用技巧和诀窍

本文为您提供Sublime Text编辑器的12个技巧和诀窍,深入挖掘这个看似简洁的代码编辑器,背后所隐藏的实现各种高级功能的无限可能. 1) 选择 以下是一些Sublime Text选择文本的快捷键: Command + D 选中一个单词 Command + L 选中一行 Command + A 全选 Ctrl + Command + M` 选中括号内所有内容 (编写CSS或JS时非常实用) Sublime Text还支持一次选中多行的操作:Furthermore, Sublime Text

Sublime Text 3 应用技巧和诀窍

1.选择 以下是一些Sublime Text选择文本的快捷键: Command + D 选中一个单词 Command + L 选中一行 Command + A 全选Ctrl + Command + M` 选中括号内所有内容 (编写CSS或JS时非常实用) Sublime Text还支持一次选中多行的操作:Furthermore, Sublime Text brings lets us select multiple lines at once, which can significantly b

Sublime Text 你所不知道的12个秘密

1.输入"!"或"html:5",然后按Tab键: html:5 或!:用于HTML5文档类型 html:xt:用于XHTML过渡文档类型 html:4s:用于HTML4严格文档类型 2.轻松添加类.id.文本和属性 p#foo 补充IDp.foo 补充类h1{foo} 和 a[href=#] 为h1和a标签 3.嵌套 >:子元素符号,表示嵌套的元素 +:同级标签符号 ^:可以使该符号前的标签提升一行 效果如下图所示: 嵌套写法 4.分组 (.foo>h

Sublime Text编辑器的12个技巧和诀窍

本文为您提供Sublime Text编辑器的12个技巧和诀窍,深入挖掘这个看似简洁的代码编辑器,背后所隐藏的实现各种高级功能的无限可能. 1) 选择 以下是一些Sublime Text选择文本的快捷键: Command + D 选中一个单词 Command + L 选中一行 Command + A 全选Ctrl + Command + M` 选中括号内所有内容 (编写CSS或JS时非常实用) Sublime Text还支持一次选中多行的操作:Furthermore, Sublime Text b

ExpandRegion for Sublime Text:快速选择文本

有没有特别羡慕WebStrom上的CTRL+W快捷键,通过它可以迅速的选择光标下的文本,多按几次可以逐渐扩大选择的区域,这在编辑文本的时候简直太方便了.Vim也有类似的概念,在Vim中叫文本对象(text object),可以快速选择不同大小的文本对象. 在Sublime Text中虽然也有选择文本的快捷键,但是不够好用,直到有一天遇到这个插件:sublime-expand-region,一切的烦恼都消失了. Like "Expand Selection to Scope". But

右键菜单添加文本编辑器 Notepad2 Sublime Text 2

右键添加Sublime Text 打开方式 Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\*\shell\Sublime Text] "Icon"="D:\\Coding\\Sublime Text 2\\sublime_text.exe,0" @="用Sublime Text &2打开" [HKEY_CLASSES_ROOT\*\shell\Sublime Text\Co

Sublime Text

http://baike.baidu.com/link?url=Ww3C1m_vbH4hLrnpez-43GpKBNXjILkRZxLizO-f-kXJFWKmUBUOlR2Ot4HXpPtleMch0zcvD85CqM3dAh40oXeCx7qKACXYsCbyC_4oPvGojKMEjqidztmHrifHl4mZtrwV7Gnpr8M6LMqoiJoxIa Sublime Text 是一个代码编辑器(Sublime Text 2是收费软件,但可以无限期试用),也是HTML和散文先进的文本编

Sublime Text 常用的16 个 Sublime Text 快捷键

在我做了一次包含一些现场编码的演示后,一些观众问我是如何操作这么快.当然这里没有唯一的答案,答案是一堆简单的快捷键和大量的实践的组合.为了回应那些询问,我觉得有必要看看我每天想都不用想且使用的快捷键. 这里有一个15 16 个快捷键的精选列表(1个自定义快捷键),以gif动画展示,我每天使用.享受吧! (译者注:原文所列快捷键均为OS X环境,为了方便Windows和Linux环境童鞋的学习,译者将备注Windows和Linux下对应的快捷键) 选择 选择一个选中项的下一个匹配项 选择一个选中项