Sublime基本使用

最新推荐文章于 2024-05-13 05:45:14 发布

boy_cto_tony

最新推荐文章于 2024-05-13 05:45:14 发布

阅读量2.8w

点赞数 11

分类专栏：大前端

本文链接：https://blog.csdn.net/ITTechnologyHome/article/details/80486235

版权

大前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

Sublime介绍安装和使用

1.1 Sublime介绍

Sublime是一款跨平台、收费的文件编辑器，可以用来编写HTML,CSS,JavaScript,PHP等应用程序。

1.2 Sublime特点

跨平台,支持主流操作系统,包括macOS,Linux(Ubuntu),Windows
体积小，速度快
扩展性强，支持众多插件
支持编译功能，可以在控制台查看输出

1.3 Sublime下载安装

下载地址:https://www.sublimetext.com/

当你使用浏览器访问该地址时，会检测你操作系统的版本后提示你下载对应版本的Sublime，

如果想下载其他操作系统的版本，请访问https://www.sublimetext.com/3

安装注意事项:

安装路径不能带中文和特殊字符
必须安装在本地磁盘，不能安装在移动硬盘或者U盘

1.4 使用Sublime+Chrome实现html版的helloworld

1.使用ctrl+n快捷键创建一个新文件，保存在本地路径(例如d:workspace/html),文件名为helloworld.html

2.使用sublime的快捷键html+tab生成html5结构，并在head标签中加入编码设置

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
</head>
<body>

</body>
</html>

3 设置网页的标题信息

修改title标签的内容如下所示

    <title>this is my first web page</title>

4 实现helloworld

在body标签中添加如下内容即可

    <h1>hello world</h1>

5 使用Open In Brower在浏览器中查看效果

在编写完html文件之后按ctrl+s保存后，Sublime可以直接通过鼠标右键Open in Broswer查看html的效果,效果如下所示

Sublime提供了项目管理的功能，可以将某个目录添加到项目，通过菜单Project->Add Folder to Project,然后选择D:\workspace\html目录即可，效果如下图所示![](/assets/devenviroment/sublime/project manager.png)

二 Sublime插件的安装和使用

2.1 Sublime插件安装的方式

离线安装:通过下载插件的安装包，然后复制到Sublime安装目录的packages目录(C:\Users${user.name}\AppData\Roaming\Sublime Text 3\Installed Packages)后重启即可，不推荐该方式来安装插件。
使用Sublime的插件包管理器Package Control来管理插件(浏览、安装、卸载)

2.2 Package Control安装

在官网下载的Sublime默认是不带Package Control组件的，可以通过快捷键ctrl+shift+p调出命令框，然后输入pc,如下图表示没有安装， Package Control安装

然后可以点击Install Package Control便会自动安装Package Control,并会看到如下的消息提示
package control installed success

Package Control安装的另外一种方式

2 使用ctrl+~调出sublime的控制台，然后输入如下内容并回车

内容来源于:https://packagecontrol.io/installation#st3

import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

稍等片刻后即可安装完成。

当使用ctrl+shift+p调用命令框并输入pc，查看到以下的内容便证明Package Control安装成功了。
package control validate installed success

2.3 插件安装删除

2.3.1 插件安装

首先使用快捷键ctrl+shift+p调出命令面板，然后输入Package Control:Install Package后回车，这样会拉取插件列表，然后在搜索栏中输入想要安装的插件即可，如下图所示
plugins list

如果想要汉化Sublime,只需要在搜索框中输入ChineseLocalizations后回车即可在后台安装，汉化效果如图所示
sublime chinese
如果想关闭命令框，按esc键即可。

2.3.2 插件删除

通过快捷键control+shift+p调出命令框，然后输入Package Control:Remove Package，此时会列出已经安装的插件，然后在命令框中输入要删除的插件即可。

2.4 Sublime常用插件

插件名称	插件功能
ConvertToUTF8	文件编码转换为UTF-8
Emmet	快速编写html,css
SublimeCodeIntel	代码提示
SidebarEnhancements	侧边栏插件

boy_cto_tony

关注

11
点赞
踩
62

收藏

觉得还不错? 一键收藏
0
评论
Sublime基本使用

Sublime介绍安装和使用1.1 Sublime介绍Sublime是一款跨平台、收费的文件编辑器，可以用来编写HTML,CSS,JavaScript,PHP等应用程序。1.2 Sublime特点跨平台,支持主流操作系统,包括macOS,Linux(Ubuntu),Windows体积小，速度快扩展性强，支持众多插件支持编译功能，可以在控制台查看输出1.3 ...
复制链接

扫一扫