mac系统下怎样利用好sublime text 2编写html,css,js代码
4个回答
2016-04-04 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
关注
展开全部
Sublime Text 是一个代码编辑器(Sublime Text 2是收费软件,但目前可以无限期试用)也是HTML和散文先进的文本编辑器。漂亮的用户界面和非凡的功能,例如迷你地图,多选择,Python的插件,代码段,等等。完全可自定义键绑定,菜单和工具栏。Sublime Text的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。
Sublime Text 2 被称作Windows下的TextMate,而根据其官网介绍,Sublime Text的特点如下:拥有高效、没有干扰的界面,在编辑方面的多选、宏、代码片段等功能,以及很有特色的Minimap。
自从 Sublime Text 2.0 正式版以来已经新增支持 Retina 视网膜屏、拖拽文本、构建系统得以优化、支持 CSS 自动完成以及高亮设置等新特点~
Sublime Text 2 的特色功能:
1.良好的扩展功能,官方称之为安装包(Package)。
2.右边没有滚动条,取而代之的是代码缩略图,这个功能非常赞
3.强大的快捷命令“可以实时搜索到相应的命令、选项、snippet 和 syntex, 按下回车就可以直接执行,减少了查找的麻烦。”
4.即时的文件切换。
5.随心所欲的跳转到任意文件的任意位置。
6.多重选择(Multi-Selection)功能允许在页面中同时存在多个光标。
7.支持 VIM 模式
8.支持宏,简单地说就是把操作录制下来或者自己编写命令,然后播放刚才录制的操作或者命令。
9.更新非常勤快
主要快捷键列表:
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 Text 2 所支持的格式:
Sublime Text 2 插件下载请点击这里~Sublime Text 2 插件安装方法:将下载的安装包解压缩至 Sublime Text 2 安装目录下的 Packages 中,而后在 preferences——packages 进行具体设置~
Sublime Text 2.0.1 更新内容:
1.Keyboard input while dragging a selection will cancel the drag
2.Improved backspace behavior when use_tab_stops and translate_tabs_to_spaces are true
3.Improved shift+drag behavior
4.Improved double click drag select behavior
5.About Window shows the license key details
6.Fixed a Goto Anything issue where pressing backspace could scroll the overlay incorrectly
7.Fixed a crash triggered by double clicking in the Goto Anything overlay
8.Fixed incorrect window position when dragging a tab in some scenarios
9.Added missing toggle_preserve_case command
10.word_wrap setting accepts “true” and “false” as synonyms to true and false
11.OSX: Fixed System Preferences menu not working
12.Linux: Added support for mice with more than 5 buttons
13.Linux: Fixed an occasional graphical glitch when running under Unity
支持运行环境:Windows XP/Vista/Win7/Win8
Sublime Text 2.0.1 便携版 下载(来自wkang956的汉化):
(8.2MB)(将替换文件夹中的“SublimeText.exe”替换“SublimeText2”目录中的同名文件即可运行)
Sublime Text 2 被称作Windows下的TextMate,而根据其官网介绍,Sublime Text的特点如下:拥有高效、没有干扰的界面,在编辑方面的多选、宏、代码片段等功能,以及很有特色的Minimap。
自从 Sublime Text 2.0 正式版以来已经新增支持 Retina 视网膜屏、拖拽文本、构建系统得以优化、支持 CSS 自动完成以及高亮设置等新特点~
Sublime Text 2 的特色功能:
1.良好的扩展功能,官方称之为安装包(Package)。
2.右边没有滚动条,取而代之的是代码缩略图,这个功能非常赞
3.强大的快捷命令“可以实时搜索到相应的命令、选项、snippet 和 syntex, 按下回车就可以直接执行,减少了查找的麻烦。”
4.即时的文件切换。
5.随心所欲的跳转到任意文件的任意位置。
6.多重选择(Multi-Selection)功能允许在页面中同时存在多个光标。
7.支持 VIM 模式
8.支持宏,简单地说就是把操作录制下来或者自己编写命令,然后播放刚才录制的操作或者命令。
9.更新非常勤快
主要快捷键列表:
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 Text 2 所支持的格式:
Sublime Text 2 插件下载请点击这里~Sublime Text 2 插件安装方法:将下载的安装包解压缩至 Sublime Text 2 安装目录下的 Packages 中,而后在 preferences——packages 进行具体设置~
Sublime Text 2.0.1 更新内容:
1.Keyboard input while dragging a selection will cancel the drag
2.Improved backspace behavior when use_tab_stops and translate_tabs_to_spaces are true
3.Improved shift+drag behavior
4.Improved double click drag select behavior
5.About Window shows the license key details
6.Fixed a Goto Anything issue where pressing backspace could scroll the overlay incorrectly
7.Fixed a crash triggered by double clicking in the Goto Anything overlay
8.Fixed incorrect window position when dragging a tab in some scenarios
9.Added missing toggle_preserve_case command
10.word_wrap setting accepts “true” and “false” as synonyms to true and false
11.OSX: Fixed System Preferences menu not working
12.Linux: Added support for mice with more than 5 buttons
13.Linux: Fixed an occasional graphical glitch when running under Unity
支持运行环境:Windows XP/Vista/Win7/Win8
Sublime Text 2.0.1 便携版 下载(来自wkang956的汉化):
(8.2MB)(将替换文件夹中的“SublimeText.exe”替换“SublimeText2”目录中的同名文件即可运行)
展开全部
1. 先安装package
control。百度一下这个的官网,里面有针对不同版本的sublime安装命令,找到st2的代码,复制下来,然后打开Mac上的st2,菜单栏找到
view->show console。在底下的输入框复制代码,回车,等安装好重启一下st2.
用这个方便安装其它插件,st中能方便以后使用,提高效率的插件实在是太多。
2.
头部文件的话,先按shift+command+p,输入html,在搜索选项中选择Set Syntax:
HTML,然后输入html:5,按一下tab键就有了(后面没有逗号)。当然,这个是HTML5的头部信息,如果你要写其它版本的H语言,只需要更改冒
号后面的信息,比如把5改成4t,4s,xt,xs,xxs等,再按tab就会有啦。
control。百度一下这个的官网,里面有针对不同版本的sublime安装命令,找到st2的代码,复制下来,然后打开Mac上的st2,菜单栏找到
view->show console。在底下的输入框复制代码,回车,等安装好重启一下st2.
用这个方便安装其它插件,st中能方便以后使用,提高效率的插件实在是太多。
2.
头部文件的话,先按shift+command+p,输入html,在搜索选项中选择Set Syntax:
HTML,然后输入html:5,按一下tab键就有了(后面没有逗号)。当然,这个是HTML5的头部信息,如果你要写其它版本的H语言,只需要更改冒
号后面的信息,比如把5改成4t,4s,xt,xs,xxs等,再按tab就会有啦。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
首先自身的编码功力得过硬,至于使用工具的目的无非就是为了更快更高效更省事而已;
想要使用sublime text更快速的编码,就必须要使用它的一些插件及快捷键了:
1安装方法一:直接安装
安装Sublime text 3插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages)。
2安装方法二(推荐使用):使用Package Control组件安装
也可以安装package control组件,然后直接在线安装:
按Ctrl+` 调出console(注:安装有QQ输入法的这个快捷键会有冲突的,输入法属性设置-输入法管理-取消热键切换至QQ拼音)
粘贴以下代码到底部命令行并回车(sublime text 3):
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()) 然后重启。如果在Perferences->package settings中看到package control这一项,则安装成功。
粘贴以下代码到底部命令行并回车(sublime text 2)
import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.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 text更快速的编码,就必须要使用它的一些插件及快捷键了:
1安装方法一:直接安装
安装Sublime text 3插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages)。
2安装方法二(推荐使用):使用Package Control组件安装
也可以安装package control组件,然后直接在线安装:
按Ctrl+` 调出console(注:安装有QQ输入法的这个快捷键会有冲突的,输入法属性设置-输入法管理-取消热键切换至QQ拼音)
粘贴以下代码到底部命令行并回车(sublime text 3):
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()) 然后重启。如果在Perferences->package settings中看到package control这一项,则安装成功。
粘贴以下代码到底部命令行并回车(sublime text 2)
import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.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 上一个书签
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询