Sublime Text 2的快速入门和常用技巧

1. 安装扩展器包管理器Package Control组件

  • 点击菜单 View -> Show Console 调出控制台或者按快捷键 “Ctrl + `”(1左边的符号,可能和QQ拼音输入法和搜狗浏览器的快捷键有冲突,改下就可以)
  • 输入下面的代码并按回车:

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())

  • 重启Sublime Text 2
  • 如果在Perferences->package settings中看到package control这一项,则安装成功。如果这种方法不能安装成功,可以到这里下载文件手动安装(https://sublime.wbond.net/installation)。

2. 用Package Control安装插件的方法:

  • 点击菜单按下Ctrl+Shift+P调出命令面板
  • 输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。
  • 基本命令,install安装插件,List列出已安装插件,Remove删除已安装插件,Upgrade升级插件,Disable禁用插件,Enable启用插件

3. 常用插件介绍

  • GBK Encoding Support:中文支持插件

对应gb2312来说,Sublime Text 2 本生不支持的,安装“GBK Encoding Support”插件,打开gbk编码的文件就不会出现乱码了,如果有需要转成utf-8的可以在File-GBK to UTF8-选择Save with UTF8就可以了。

  • SublimeCodeIntel 代码自动提示

支持JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, XSLT, Django, HTML5, Perl, CSS,                         Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP.

快捷键如下:

Jump to definition = Alt+Click
    Jump to definition = Control+Windows+Alt+Up
    Go back = Control+Windows+Alt+Left
    Manual Code Intelligence = Control+Shift+space

 

  • ConvertToUTF8 转换GBK编码为UTF8编码

选中所有的文本,快捷键"Ctrl + Shift + C"

  • JsMinifier

该插件基于Google Closure compiler,自动压缩js文件。

  • JS Format

JS代码格式化插件,快捷键”Ctrl + Alt + F“

  • jQuery

jQuery函数提示插件

  • Tag

Html代码格式化标签,快捷键”Ctrl + Alt + F“,或者点击右键找相应的功能

  • IMESupport

中文输入法的输入框跟随插件

4. 快捷键操作

界面

  • F11 全屏
  • shift+F11 无干绕全屏
  • ctrl+k+b 开关侧边栏
  • Alt+Shift+数字:分屏显示
  • ctrl+I  :显示底部面板:

    编辑:

  • F6 拼写检查
  • Ctrl+/ 注释整行(如已选择内容,同“Ctrl+Shift+/”效果)
  • Ctrl+Shift+/ 注释已选择内容
  • Ctrl+D 选词 (按住-继续选择下个相同的字符串)
  • Alt + F3 选中所有相同的词
  • Ctrl+M 光标移动至括号内开始或结束的位置
  • Ctrl+Z 撤销
  • Ctrl+Y 恢复撤销
  • Alt+. 闭合当前标签
  • Ctrl+N:新建窗口
  • Ctrl + Shift + L 将当前选中区域打散,然后进行同时编辑
  • Ctrl + J 将当前选中区域合并为一行

查找/替换

  • Ctrl+F:查找内容
  • Ctrl+Shift+F:查找并替换
  • Ctrl+H:替换
  • F3        查找下一个:
  • shift+F3    查找前一个:

5.个人用户设置,菜单Preference -> Settings - User

// 设置字体大小

"font_size": 14,

// 高亮当前行

"highlight_line": true,

// 使光标闪动更加柔和

"caret_style": "phase",

// 高亮有修改的标签

"highlight_modified_tabs": true,

// 设置tab的大小为2

"tab_size": 2,

// 保存时自动去除行末空白

"trim_trailing_white_space_on_save": true,                                    

6.Sublime Text 2运行js方法

  • 安装node.js
  • Sublime选择菜单 Tools --> Build System --> new Build System...,写入如下内容:
{
    "cmd": ["node", "$file"],
    "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
    "working_dir": "${project_path:${folder}}",
    "selector": "source.js",
    "shell": true,
    "encoding": "utf-8",
    "windows": {
        "cmd": ["taskkill /f /im node.exe >nul 2>nul & node", "$file"]
    },
    "linux": {
        "cmd": ["killall node; node", "$file"]
    }
}

    接着保存为 javascript.sublime-build,保存位置默认即可

  • 新建一个test.js试试,按Ctrl + B 或者 F7运行

参考博客:http://www.cnblogs.com/52cik/p/3807027.html

     http://www.cnblogs.com/figure9/p/sublime-text-complete-guide.html

     

时间: 2024-11-09 06:01:07

Sublime Text 2的快速入门和常用技巧的相关文章

Docker快速入门——Docker常用命令

Docker快速入门--Docker常用命令 一.Docker命令简介 1.Docker命令简介 Docker的命令清单可以通过运行sudo docker或者sudo docker help命令查看.Docker容器技术在不断演化过程中,Docker的子命令已经达到41个,其中核心子命令(例如:run)还会有复杂的参数配置.Docker命令根据功能和使用场景可以分为4个部分. 2.Docker用户组 Docker守护进程绑定的是一个unix ?socket,而不是TCP端口,默认的属主是root

教你零基础如何快速入门大数据技巧

现在是大数据时代,很多人都想要学习大数据,因为不管是就业前景还是薪资都非常的不错,不少人纷纷从其他行业转型到大数据行业,那么零基础的人也想要学习大数据怎么办呢?下面一起探讨下零基础如何快速入门大数据技巧吧. 很多人都需要学习大数据是需要有一定的基础的,编程语言就是必备的条件之一,编程语言目前热门的有:Java.Python.PHP.C/C++等等,无论是学习哪一门编程语言,总之要精细掌握一门语言是非常必须的,我们先拿应用广泛的Java说起哦. .在入门学习大数据的过程当中有遇见学习,行业,缺乏系

vue 快速入门、常用指令(1)

1. vue.js的快速入门使用 1.1 vue.js库的下载 vue.js是目前前端web开发最流行的工具库之一,由尤雨溪在2014年2月发布的. 官方网站 中文:https://cn.vuejs.org/ 英文:https://vuejs.org/ 官方文档:https://cn.vuejs.org/v2/guide/ 1.2 vue.js库的基本使用 在github下载:https://github.com/vuejs/vue/releases 在官网下载地址: https://cn.vu

Git快速入门和常用命令

一.快速入门 本地初始化一个项目 首先,你需要执行下面两条命令,作为 git 的基础配置,作用是告诉 git 你是谁,你输入的信息将出现在你创建的提交中. git config --global user.name "你的名字或昵称" git config --global user.email "你的邮箱" 然后在你的需要初始化版本库的文件夹中执行: git init git remote add origin <你的项目地址> //注:项目地址形式为

Sublime Text 3如何快速生成HTML5的头部信息和常用的快捷键

一.快速生成HTML5的头部信息的步骤: 1.Ctrl + N,新建一个文档: 2.Ctrl + Shift + P,打开命令模式,再输入 sshtml 进行模糊匹配,将语法切换到html模式: 3.输入  !,再按下 Tab键或者 Ctrl + E ,就能快速打开HTML5的整体结构. 二.十分常用的快捷键: Ctrl + P,打开搜索框.具体操作为:1.输入当前项目中的文件名,快速搜索文件,2.输入@和关键字,查找文件中函数名,3.输入:和数字,跳转到文件中该行代码,4.输入#和关键字,查找

Astyle 快速入门,常用指令

--style=java -n -p -c !E astyle是一个命令行工具,命令语法很简单:          astyle [options] < original > Beautified          astyle [options] Foo.cpp Bar.cpp  [...] 例如: astyle --style=ansi foo.cpp 上面的命令将美化foo.cpp文件,更改其风格为ANSI,并将原始文件备份到foo.cpp.orgin.所以,你可以安全的使用该软件而不必

(7)Microsoft office Word 2013版本操作入门_常用技巧

1.自定义快速功能栏调整:常用功能按钮可以设置显示到此处.(如图所示的另存为和插入批注功能) 2.word中截图功能: 2.1 截图插入后的图片,可以进行设置  选中图片---点击[格式]可以设置图片边框,图片效果 等如下图: 2.2  插入后图片后可以对截图的信息进行标注. 选择[插入]---[形状] 框选需要标注的内容. 2.2 选中 框选的[形状]  ,点击[格式] 可以对框选的[形状]进行编辑如下图: 2.3 查找文字功能: Ctrl+F  ,替代文字功能  Ctrl+H (可以一次一次

汇道科技:web新手快速入门JavaScript的技巧

我们在学习JavaScript,或其他任何编码技能的时候,往往是因为这些拦路虎而裹足不前:有些概念可能会造成混淆,尤其当你是从其他语言转过来的时候.找不到时间(有时是动力)学习.很容易忘记已经理解了的东西.工具多又在不断变化,所以不知道从哪里开始.幸运的是,这些拦路虎是可以被识别,并消灭的.在这篇文章中,汇道科技将介绍六个思维技巧来帮助你更快地学习JavaScript,并成为一个更快乐.更富有成效的程序员. 1.不要让未来的决策阻止你现在前进的方向 很多人学习JavaScript,问的第一个问题

Sublime Text 2 - 性感无比的代码编辑器!程序员必备神器!跨平台支持Win/Mac/Linux

代码编辑器或者文本编辑器,对于程序员来说,就像剑与战士一样,谁都想拥有一把可以随心驾驭且锋利无比的宝剑,而每一位程序员,同样会去追求最适合自己的强大.灵活的编辑器,相信你和我一样,都不会例外. 我用过的编辑器不少,真不少- 但却没有哪款让我特别心仪的,直到我遇到了 Sublime Text 2 !如果说“神器”是我能给予一款软件最高的评价,那么我很乐意为它封上这么一个称号.它小巧绿色且速度非常快,跨平台支持Win/Mac/Linux,支持32与64位,支持各种流行编程语言的语法高亮.代码补全等,