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

安装注意事项:

  1. 安装路径不能带中文和特殊字符
  2. 必须安装在本地磁盘,不能安装在移动硬盘或者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插件安装的方式

  1. 离线安装:通过下载插件的安装包,然后复制到Sublime安装目录的packages目录(C:\Users${user.name}\AppData\Roaming\Sublime Text 3\Installed Packages)后重启即可,不推荐该方式来安装插件。

  2. 使用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)
  • 1

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

当使用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侧边栏插件

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/341531.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

工业交换机在城市智慧轨道交通中的应用分析

俗话说&#xff0c;城市建设&#xff0c;交通先行&#xff0c;轨道交通是解决“城市病”的一把金钥匙&#xff0c;而智慧交通更是建设智慧城市的重要构成部分。从2009年开始&#xff0c;我国就逐渐进入城市轨道交通建设的高潮&#xff0c;并逐年扩大地铁市场。发展以轨道交通为…

apache hive_Hive:使用Apache Hive查询客户最喜欢的搜索查询和产品视图计数

apache hive这篇文章介绍了如何使用Apache Hive查询Hadoop下存储的搜索点击数据。 我们将以示例的形式生成有关总产品浏览量的客户最爱搜索查询和统计信息。 继续之前的文章 使用大数据分析客户产品搜索点击次数 &#xff0c; Flume&#xff1a;使用Apache Flume收集客户产品…

工业交换机在工业通信领域的应用分析

工业交换机是专门为满足灵活多变的工业应用需求而设计&#xff0c;提供一种高性价比工业以太网通讯解决方案。工业交换机&#xff0c;作为我们广为使用的局域网硬件设备&#xff0c;一直为大家所熟悉。它的普及程度其实是由于以太网的广泛使用&#xff0c;作为今天以太网的主流…

Sublime Text提示Unable to download XXX. Please view the console for more details安装插件失败解决

安装插件时&#xff0c;弹出提示框&#xff1a; Package Control Unable to download XXX. Please view the console for more details. 一番搜索后在github上找到答案 1.打开Sublime Text&#xff0c;Preferences ->Package Settings->Package Control->Settings-Use…

从响应式Spring Data存储库流式传输实时更新

这篇文章详细介绍了从数据库到对该数据感兴趣的任何其他组件进行流更新的幼稚实现。 更确切地说&#xff0c;如何更改Spring Data R2DBC存储库以向相关订阅者发出事件。 对R2DBC和Spring的一点背景知识将对这篇文章有所帮助。 我以前的著作“ 使用 Microsoft SQL Server的 Spr…

ns3入门案例1 first.cc

1、目录结构 example&#xff1a;1、根文件下自带示例结构&#xff0c;作为良好的参考资源 2、src环境下中各模块中example作为资源 build&#xff1a; 编译后文件以及可执行文件 src&#xff1a;各模块源代码 2、新代码运行 将新脚本放在scratch文件夹中&#xff0c;该目…

工业以太网交换机都有哪些作用

工业以太网交换机由于使用及定位的关系&#xff0c;区别于商业交换机&#xff0c;它更关注稳定性&#xff0c;耐高温&#xff0c;耐振动&#xff0c;耐腐蚀等一些工业特性。工业以太网交换机以其较高的防护等级&#xff08;一般IP40)、较强的电磁兼容性&#xff08;EMS 4级&…

ubuntu下面 将桌面换成 英文

1. 我们可以先将目录都改成英文的。 export LANGen_US 执行 xdg-user-dirs-gtk-update 这时会弹出一个配置界面&#xff0c;将所有中文的用户目录切换到英文。选中不再提示&#xff0c;确定。 这时&#xff0c;会删除没有内容的用户目录&#xff0c;但有内容的用户目录会保…

光纤交换机是什么,光纤交换机的作用是什么?

随着网络的发展&#xff0c;先后出现了交换机、路由器、电话光端机等网络设备&#xff0c;在数据存储网络中&#xff0c;光纤交换机起到了重要的作用。今天飞畅科技的小编来为大家介绍下光纤交换机及光纤交换机的作用&#xff0c;一起来看看吧&#xff01; 光纤交换机的简介 光…

ns3 入门案例2:third.cc

代码分析 1 头文件 #include "ns3/core-module.h" #include "ns3/point-to-point-module.h" #include "ns3/network-module.h" #include "ns3/applications-module.h" #include "ns3/mobility-module.h" #include "n…

光纤交换机产品功能介绍

光纤交换机是一种高速的网络传输中继设备&#xff0c;又叫做光纤通道交换机、SAN交换机&#xff0c;光纤传输的优点是速度快、抗干扰能力强。那么&#xff0c;光纤交换机有哪些功能呢&#xff1f;接下来我们就跟随飞畅科技的小编一起来看看吧&#xff01; 通道协议支持 SAN交换…

java8 streams_使用Java 8 Streams进行编程对算法性能的影响

java8 streams多年来&#xff0c;使用Java进行多范式编程已经成为可能&#xff0c;它支持面向服务&#xff0c;面向对象和面向方面的编程的混合。 带有lambda和java.util.stream.Stream类的Java 8是个好消息&#xff0c;因为它使我们可以将功能性编程范例添加到混合中。 确实&a…

光纤交换机光纤通道协议介绍

光纤通道&#xff08;FC&#xff0c;Fibre Channel&#xff09;协议是美国国家标准所指定的一种串行高速、低延时、低误码的标准协议能够为存储设备、IP 数据网、音频流等应用提供高速数据传输的骨干网络技术。随着光纤通道在不同领域的应用&#xff0c;在光纤通道协议的基础上…

解决E: 仓库 “http://ppa.launchpad.net/fcitx-team/nightly/ubuntu bionic Release” 没有 Release 文件。

转载声明&#xff1a;本文为博主原创文章&#xff0c;遵循 CC 4.0 BY-SA 版权协议&#xff0c;转载请附上原文出处链接和本声明。 原文链接&#xff1a;在NS-3中安装可视化工具pyviz的一些问题的解决_寻同学的博客-CSDN博客 今天&#xff0c;在更新软件时&#xff0c;使用以下…

POI创建的文档具有不同条件的灵活样式

介绍 这篇文章解释了基于各种标准将样式应用于文档的困难并提供了解决方案。 Java编程中的常见任务之一是根据存储在数据库中的数据创建Excel报告。 在这些情况下&#xff0c;Java程序员使用POI :-)。 这些报告通常具有严格的样式和数据格式规则。 数据通常是SQL查询执行的结果…

在NS-3中安装可视化工具pyviz的一些问题的解决

转载声明&#xff1a;本文为寻同学原创文章&#xff0c;遵循 CC 4.0 BY-SA 版权协议&#xff0c;转载请附上原文出处链接和本声明。 原文链接&#xff1a;https://blog.csdn.net/qq_31676673/article/details/88107454 在NS-3中安装可视化工具pyviz的一些问题的解决 PyViz是一…

什么是光纤交换机?

光纤交换机是一种高速的网络传输中继设备&#xff0c;又叫做光纤通道交换机、SAN交换机&#xff0c;它较普通交换机而言&#xff0c;采用了光纤电缆作为传输介质。光纤传输的优点是速度快、抗干扰能力强。光纤交换机主要有两种&#xff0c;一是用来连接存储的FC交换机。另一种是…

java 调用 js性能_太快了,太变态了:什么会影响Java中的方法调用性能?

java 调用 js性能那么这是怎么回事&#xff1f; 让我们从一个简短的故事开始。 几周前&#xff0c;我提议对Java核心libs邮件列表进行更改 &#xff0c;以覆盖当前final一些方法。 这刺激了一些讨论主题-其中之一是其中一个性能回归通过采取这是一个方法被引入的程度final免遭停…

VMware虚拟机扩展Ubuntu系统磁盘空间

转载&#xff1a;https://www.cnblogs.com/dongry/p/10620894.html 1 首先给虚拟机扩容 虚拟机->设置->硬盘->实用程序->扩展磁盘容量 2 启动Ubuntu系统 2.1 打开终端安装gparted&#xff0c;sudo apt-get install gparted&#xff1b;输入sudo gparted打开gparte…

光纤以太网交换机产品性能介绍

光纤以太网交换机是一款高性能的管理型的二层光纤以太网接入交换机。那么&#xff0c;光纤以太网交换机产品性能有哪些呢&#xff1f;接下来&#xff0c;飞畅科技的小编就来为大家详细介绍下光纤以太网交换机的产品性能&#xff0c;感兴趣的朋友就一起来看看吧&#xff01; 光…