mac系统下怎样利用好sublime text 2编写html,css,js代码

JavaScript058

mac系统下怎样利用好sublime text 2编写html,css,js代码,第1张

首先自身的编码功力得过硬,至于使用工具的目的无非就是为了更快更高效更省事而已;

想要使用sublime text更快速的编码,就必须要使用它的一些插件及快捷键了:

1安装方法一:直接安装

安装Sublime text 3插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages)。

2安装方法二(推荐使用):使用Package Control组件安装

也可以安装package control组件,然后直接在线安装:

按Ctrl+` 调出console(注:安装有QQ输入法的这个快捷键会有冲突的,输入法属性设置-输入法管理-取消热键切换至QQ拼音)

粘贴以下代码到底部命令行并回车(sublime text 3):

import urllib.request,ospf = '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()) 然后重启。如果在Perferences->package settings中看到package control这一项,则安装成功。

粘贴以下代码到底部命令行并回车(sublime text 2)

import urllib2,ospf='Package Control.sublime-package'ipp = sublime.installed_packages_path()os.makedirs( ipp ) if not os.path.exists(ipp) else Noneurllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( )))open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read())print( 'Please restart Sublime Text to finish installation')

用Package Control安装插件的方法:

按下Ctrl+Shift+P调出命令面板

输入install 调出 Install Package 选项并回车:

(1)Zen Coding (又称Emmet)

该插件的作用为快速编写html及css。

(2)jQuery Package for sublime Text

如果你离不开jQuery的话,这个必备~~

(3)Sublime Prefixr

Prefixr,CSS3 私有前缀自动补全插件,显然也很有用哇

(4)JS Format

一个JS代码格式化插件。

(5)Sublime Alignment

用于代码格式的自动对齐。传说最新版Sublime 已经集成。

(6)JsMinifier

该插件基于Google Closure compiler,自动压缩js文件,可使js文件变的更小

(7)Sublime CodeIntel

代码自动提示

(8)Bracket Highlighter

类似于代码匹配,可以匹配括号,引号等符号内的范围。

(9)Git

该插件基本上实现了git的所有功能,在实际开发使用Git时方便使用

主要快捷键列表:

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 上一个书签

其实sublime自身就有格式化命令,就不再安装插件,位置在[Edit]->[Line]->[Reindent]但这个默认的命令没有快捷键,就重新定义了一下,想用习惯了的eclipse快捷键:Ctrl+Shift+F但是和“在文件中查找”冲突了。改用Alt+Shift+F吧,和netbeans保持一致。[Preferences]->[Key Bindings]->[User]中,添加如下: { "keys": ["alt+shift+f"], "command": "reindent" }如果不行的话 可以装个 jsFormat的插件