Sublime介绍安装和使用(转载)
转载: 原文链接:https://blog.csdn.net/ITTechnologyHome/article/details/80486235
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>
- 1
4 实现helloworld
在body标签中添加如下内容即可
<h1>hello world</h1>
- 1
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,如下图表示没有安装,
然后可以点击Install Package Control便会自动安装Package Control,并会看到如下的消息提示
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)
- 1
稍等片刻后即可安装完成。
当使用ctrl+shift+p调用命令框并输入pc,查看到以下的内容便证明Package Control安装成功了。
2.3 插件安装删除
2.3.1 插件安装
首先使用快捷键ctrl+shift+p调出命令面板,然后输入Package Control:Install Package后回车,这样会拉取插件列表,然后在搜索栏中输入想要安装的插件即可,如下图所示
如果想要汉化Sublime,只需要在搜索框中输入ChineseLocalizations后回车即可在后台安装,汉化效果如图所示
如果想关闭命令框,按esc键即可。
2.3.2 插件删除
通过快捷键control+shift+p调出命令框,然后输入Package Control:Remove Package,此时会列出已经安装的插件,然后在命令框中输入要删除的插件即可。
2.4 Sublime常用插件
插件名称 | 插件功能 |
---|---|
ConvertToUTF8 | 文件编码转换为UTF-8 |
Emmet | 快速编写html,css |
SublimeCodeIntel | 代码提示 |
SidebarEnhancements | 侧边栏插件 |
Sublime介绍安装和使用(转载)相关推荐
- sublime text全程指南【转载】
前言(Prologue) Sublime Text是一款跨平台代码编辑器(Code Editor),从最初的Sublime Text 1.0,到现在的Sublime Text 3.0,Sublime ...
- sublime text3安装插件 emmet
转载自:http://9iphp.com/web/html/1260.html Sublime Text常用插件总结及Package Control安装方法 2015/01/09 | HTML/ ...
- Sublime Text 安装插件的方法
Sublime Text因为拥有众多插件而具备强大的功能.有时候公司的电脑是不能直接上外网的,那么给Sublime Text安装插件时就不能使用在线搜索安装的方式.本人经过几小时的研究和探索,终于找到 ...
- mac电脑sublime text3安装pretty json插件
因http://packagecontrol.io/地址被墙无法实现自动安装,导致sublime Text3安装插件非常麻烦,总是出现There Are No Packages Available F ...
- python安装插件报错原因_Sublime Text3 python自动补全问题——Sublime Text3安装Anaconda插件...
学习python的时候 在编辑器的选择上会有很多选择,我最终还是选择了sublime text3. 相对于其他编辑器,sublime text有以下特性: 插件多,类似GoSublime,Emmet信 ...
- sublime Text3安装插件
sublime Text3安装插件 1.使用Package Control组件安装组建,需先安装Package Control 1) 按快捷键"ctrl+` "打开控制台,输入以 ...
- sublime text3安装python插件和flake8_让你用sublime写出最完美的python代码--windows环境-搜云库...
至少很长一段时间内,我个人用的一直是pycharm,也感觉挺好用的,也没啥大毛病 但是pycharm确实有点笨重,啥功能都有,但是有很多可能这辈子我也不会用到,并且pycharm打开的速度确实不敢恭维 ...
- sublime text3安装emmet插件
sublime text3安装emmet插件 很多人输入html:5然后按住Tab键并没有生成完整结构,这是因为没有安装emmet插件 sublime text3安装包(来自官网) 链接:https: ...
- Sublime Text安装与使用
1. 安装 1.1. Ubuntu系统 wget -qO - https://download.sublimetext.com/sublimehq-pub.gpg | sudo apt-key add ...
最新文章
- 近似求PI(15 分)
- mogodb 的自定义函数定义及引用
- html中加减号怎么输入,jQuery 实现点击加减号改变input标签中的value值,该怎么解决...
- JS编程建议——52:建议使用splice删除数组
- sublime 插件安装;sublime的 babel、sublime-jsfmt插件
- chrome扩展程序获取当前页面URL和HTML内容
- 在linux下进行嵌入式系统设计,一种应用于测控系统的基于Linux的嵌入式系统的设计...
- join 子查询 效率_MySQL之多表查询
- 基于Yolov5目标检测的物体分类识别及定位(三) -- 训练、测试
- 【VUE】微商城(十)----收货地址
- 延迟渲染,及材质ID
- 增加网站的档次!网页设计师可在网站中加入暗色调
- java销毁servlet_销毁servlet
- 微信扫码登入 改变二维码样式
- 利用 Andorid 手机连接 Arduino 并控制 LED灯开关
- Android 11.0 当安装多个播放器时,设置默认播放器播放歌曲
- CS61A Lab 4
- gms认证流程_GMS认证流程及周期 智能手机和平板GMS授权
- 尚未领取号牌和行驶证的机动车需要临时上道路行驶的,怎么办?
- VS:“64位调试操作花费的时间比预期要长“的一解决途径