01- Sublime的工具安装以及使用
一 sublime安装与使用
sublime介绍:
sublime是一个代码编辑器,可以编写HTML,PHP,js,css等文件。
Sublime有哪些优点:
1.跨平台
2.扩展性强
3.提交小,运行速录快
4.支持编辑功能,可以在控制台查看输出。
sublime下载与安装:
参考:https://blog.csdn.net/faith_yty/article/details/79087005
下载:https://www.sublimetext.com/ 对应的版本
打开sublime进行操作
打开以后输入index.html,然后保存到桌面。


然后点击桌面上的index.html :

就会在页面中显示你刚才输入的内容,但是每次切换到桌面,在点击桌面上的HTML的文件就会特别麻烦。
这个时候sublime有个功能可以解决:在编辑器中点击右键,然后选择在浏览器打开。

如果你第一行输入了index.html后保存到桌面,以后你的这个文件名就是index.html了。
如果你想输HTML的样式:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
输入这些的话,如果一个个字母手打就很麻烦,这个时候这输入框中输入“!”+Tab 就会变成

如果把index.html文件关闭了,有什么办法每次打开,都可以让index文件存放在左侧侧边栏中。
创建一个文件,然后把刚才的HTML拖到里面去:


使用sublime创建一个HTML文件:
Ctrl+N 新建文件
Ctrl+s 保存文件
新建项目:
菜单栏点击【项目】>下拉框中选择【添加文件夹到项目】

破解sublime
可以自行百度
二 Sublime插件安装和使用
插件安装的方式一:直接安装
下载插件安装包,然后把安装解压到packages目中,安装(菜单>首选项>)
ublime插件安装和使用
插件安装的方式:
插件安装方式一:直接安装
下载插件安装包,然后把安装解压到packages目中,按成安装(菜单->首选项->浏览插件)
插件安装方法二:使用package control组件安装
Package control的介绍
Package contro是sublime软件的插件包管理器,通过该组件,我们可以很方便的管理我们插件(浏览,安装,卸载)
安装Package control(插件安装包管理器)
1, 检车sublime是否安装了该组件 ctrl+shift+p 在命令板中输入PC,如下图表示没安装:
2, 使用ctrl+~调出sublime软件的控制台命令窗口:
3, 找到安装package control命令,在控制台中运行:
提示链接失败,表示安装失败:
重新输入命令运行:
当控台输出一下提示时,表示安装成功:
检测组件是否安装成功,一下界面是安装成功的状态:
使用package control安装插件
1, 汉化插件ChineseLocalization
--ctrl+shift+p
--在命令框中选中 package control:install package 选中它 按回车
--在命令框中输入 插件名称,选中插件,按回车
2, ConvertToUTF8自动把文件编码方式转换为UTF-8
--ctrl+shift+p
--在命令框中选中 package control:install package 选中它 按回车
--在命令框中输入 插件名称,选中插件,按回车
3, Emmet 能够快速编写HTML、CSS标记的插件
--ctrl+shift+p
--在命令框中选中 package control:install package 选中它 按回车
--在命令框中输入 插件名称,选中插件,按回车
4, IMESupport 是用来支持输框跟随光标显示的插件(win7、win8、win10)
--ctrl+shift+p
--在命令框中选中 package control:install package 选中它 按回车
--在命令框中输入 插件名称,选中插件,按回车
5, SublimeCodeIntel 代码提示插件
6, SidebarEnhancements 侧边栏插件,让侧边栏功能更丰富
删除插件
--ctrl+shift+p
--在命令框中选中 package control:remove package 选中它 按回车
--在命令框中输入 插件名称,选中插件,按回车
01- Sublime的工具安装以及使用的更多相关文章
- Sublime text3 JS语法检测工具安装及使用
Sublime text3 JS语法检测工具安装及使用 工具/原料 sublime text3 nodejs sublimeLinter sublimeLinter-jshint 方法/步骤 首先ct ...
- 工具安装===Sublime Text-安装
Sublime Text 是一款通用型轻量级编辑器,支持多种编程语言.有许多功能强大的快捷键(如 Ctrl+d),支持丰富的插件扩展.如果平时需要在不同编程语言间切换,那么它将会是一个,不错的选择. ...
- 【工具篇】Sublime Text 2 安装汉化破解、插件包安装教程详解
Sublime Text概述: Sublime Text是一个代码编辑器,也是HTML和散文先进的文本编辑器. 漂亮的用户界面和非凡的功能,例如:迷你地图,多选择,Python插件,代码段等等. 完全 ...
- Sublime Text 2安装汉化破解、插件包安装教程
原文地址: Sublime Text 2安装汉化破解.插件包安装教程_百度经验 http://jingyan.baidu.com/article/ff4116259b057c12e48237b8.ht ...
- sublime sftp 插件安装及破解
必备插件sftp: 1,Package Control可以用来install其他package 2,sftp远程编辑文件:安装:install->sftp具体配置 sftp工具破解 1, ...
- 磁盘测试工具FIO工具安装和使用方法
一.FIO工具安装: 1.查看fio是否安装 [root@localhost /]#rpm –qa|grep fio 2.源码安装(推荐) 官网地址:http://freecode.com/proje ...
- 自动化运维工具-mussh工具安装配置及简单使用讲解
1.先决条件: 安装pssh工具的主机针对远程主机需要配置免秘钥认证: ssh-keygen -t rsa ssh-copy-id [remotehost] 2.下载mussh工具安装介质: http ...
- 自动化运维工具-pssh工具安装配置及简单使用讲解
1.先决条件:安装pssh工具要求python版本大于2.4即可. 安装pssh工具的主机针对远程主机需要配置免秘钥认证: ssh-keygen -t rsa ssh-copy-id [remoteh ...
- 在sublime text2上安装xdebug
目录 安装Xdebug extension 设定php.ini 安装Xdebug plugin for Sublime Text2 1.安装Xdebug extension 先从安装Xdebug开始, ...
- sublime text 3安装及使用
Sublime Text 3中文版是一款跨平台代码编辑器(Code Editor)软件.Sublime Text 3既可以编写代码还可以编辑文本,是程序员必不可少的工具,相比之前的版本Sublime ...
随机推荐
- Mybatis检查SQL注入
Mybatis 的 Mapper.xml 语句中 parameterType 向SQL语句传参有两种方式:#{ } 和 ${ }. 使用#{ }是来防止SQL注入,使用${ }是用来动态拼接参数. 如 ...
- 【Saas-export项目】--项目整合(spring整合MVC)
转: [Saas-export项目]--项目整合(spring整合MVC) 文章目录 Spring整合SpringMVC(export_web_manager子工程) (1)log4j.propert ...
- Java I/O流 03
I/O流·字符流 字符流FileReader * A:字符流是什么 * 字符流是可以直接读写字符的 IO流 * 字符流读取字符,就要先读取到字节数据,然后转换为字符:如果要写出字符,需要把字符转换为字 ...
- JPress企业站主题-zbout
JPress企业站主题-zbout 经典的黑白灰颜色搭配风格,首页配置有轮播图.案例展示.公司简介.新闻中心.联系方式以及合作伙伴模块,全站使用了响应式结构,可以自适应电脑端和手机端浏览器访问.主题整 ...
- spring事务:事务控制方式,使用AOP控制事务,七种事务传播行为,声明事务,模板对象,模板对象原理分析
知识点梳理 课堂讲义 1)事务回顾 1.1)什么是事务-视频01 事务可以看做是一次大的活动,它由不同的小活动组成,这些活动要么全部成功,要么全部失败. 1.2)事务的作用 事务特征(ACID) 原子 ...
- Hibernate在oracle中ID增长的方式(续)
引用链接:http://blog.csdn.net/w183705952/article/details/7367272 第二种:设置ID的增长策略是native,但是需要创建一个名字为hiberna ...
- 关于深度学习配置的一些tips
建立博客的第一天,将以前记录的一些东西存档下,方便查看. 1安装anaconda 2pycharm破解 配置环境变量3虚拟环境推荐是python3.5或3.6版本 4.安装numpy tensorfl ...
- 《进击吧!Blazor!》系列入门教程 第一章 7.图表
<进击吧!Blazor!>是本人与张善友老师合作的Blazor零基础入门教程视频,此教程能让一个从未接触过Blazor的程序员掌握开发Blazor应用的能力. 视频地址:https://s ...
- Springboot项目启动后自动创建多表关联的数据库与表的方案
文/朱季谦 在一些项目开发当中,存在这样一种需求,即开发完成的项目,在第一次部署启动时,需能自行构建系统需要的数据库及其对应的数据库表. 若要解决这类需求,其实现在已有不少开源框架都能实现自动生成数据 ...
- 从零学脚手架(七)---webpack-dev-server使用
如果此篇对您有所帮助,在此求一个star.项目地址: OrcasTeam/my-cli webpack-dev-server使用 什么是webpack-dev-server 使用vue-cli .re ...