sublime教程html5,SublimeText开发html网站教程（一）

Sublime Text是一款跨平台的代码编译器。

本节内容包含如下几个部分：

1.sublime text的安装

2.快捷键使用方法

3.插件的安装以及替换

一.Sublime Text的安装

Sublime Text的官网下载地址：点击打开链接 如下图

Sublime Text可用于开发的使用环境，如下图：

点右下角plain text可查看具体可使用的语言，同时sublime text也可以用于查看图片。

Mac环境下，Sublime Text查看图片的方式类似于adobe photoshop：

打开图片：Command+O

二.快捷键⌨的使用

使用环境：MacOS Sierra(10.12.3)

Sublime Text(3126)

1.安装插件，需要调用控制台：control+～

2.新建独立窗口：command+shift+n

3.新建文件：command+n

4.全选鼠标当前行：command+L

5.全选鼠标光标位置前所有内容(当前行)：command+shift+左方向键

……………………后…………………………：command+shift+有方向键

6.选中一个单词：command+D

多重编译：多次command+D

7.在当前行前插入新行(光标可以在任何位置)：command+shift+enter

8.…………后…………………………………………【方法一】：command+enter

【方法二】：(在改行最尾处)回车

9.从光标处删除至行尾：command+k(按两次K)

10.删除一整行(将光标移至改行最尾)：command+delete

11.复制当前行(光标在改行任何位置)：command+shift+D

12.合并行：command+J

13.单词改为大写：command+K+U

………………小写：command+K+L

14.注释：command+／

块注释：command+option+／

15.原位置粘贴：command+shift+V

三.插件的安装以及替换

SublimeText对我们编写的语言没有错误检测，因此我们需要下载安装一些插件，以提高编程的效率。

1.Package Control：插件管理器

打开console控制器：control+～

界面最底端白色那一栏，粘贴如下代码：

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())如图所示：

回车。

安装完毕。

安装代码错误检测插件

输入：command+shift+P

弹出的搜索框中输入：install Package

回车

出现界面如下图：

2.安装JavaScript语言检测插件