Sublime安装使用
sublime介绍:
Sublime是一个代码编辑器,可以编写HTML,js,css等等文件。
Sublime有哪些优点:
优点;
- 跨平台
- 扩展性强,支持大量的插件
- 支持编辑功能,可以在控制台查看输出
sublime安装:
下载:http://www.sublimetextcn.com/3/ 对应系统的版本
安装:必须安装在电脑硬盘当中 路径中不能出现中文字符
使用sublime创建一个HTMl文件:
Ctrl+N 新建文件
Ctrl+S 保存文件
Ctrl+B 转换成HTML页面文件
新建项目:
菜单栏单击项目-》下拉框中选择我【添加文件夹到项目】-》选择文件夹
Sublime插件安装和使用
插件安装的方式:
插件安装方式一:直接安装
下载插件安装包,然后把安装解压到packages目中,按成安装(菜单->首选项->浏览插件)
插件安装方法二:使用package control组件安装
Package Control 插件是一个方便 Sublime text 管理插件的插件
Sublime text 3 中 Package Control 的安装与使用方法
从菜单 View - Show Console 或者 ctrl + ~ 快捷键,调出 console。将以下 Python 代码粘贴进去并 enter 执行,完成安装。
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)
使用package control安装插件
汉化插件ChineseLocalization
--ctrl+shift+p(菜单 – Tools – Command Paletter)
--在命令框中选中 package control:install package 选中它 按回车
--在命令框中输入 插件名称,选中插件,按回车
自动把文件编码方式转换为UTF-8
ConvertToUTF8
--ctrl+shift+p
--在命令框中选中 package control:install package 选中它 按回车
--在命令框中输入 插件名称,选中插件,按回车
能够快速编写HTML、CSS标记的插件
Emmet
--ctrl+shift+p
--在命令框中选中 package control:install package 选中它 按回车
--在命令框中输入 插件名称,选中插件,按回车
IMESupport 中文输入法光标跟随显示
SidebarEnhancements 侧边栏插件,让侧边栏功能更丰富
SublimeCodeIntel 代码提示插件
删除插件
--ctrl+shift+p
--在命令框中选中 package control:remove package 选中它 按回车
--在命令框中输入 插件名称,选中插件,按回车
Markdown语法
Markdown Preview
--ctrl+shift+p
--在命令框中选中 package control:install package 选中它 按回车
--在命令框中输入 插件名称,选中插件,按回车
--安装完后放在目录 \Data\Installed Packages
1、标题
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
Ctrl+S另存为.md拓展名文件后,在通过Ctrl+B可以快捷转化成.html文件。
2、列表
- 无序列表
- 无序列表
1. 有序列表
2. 有序列表
3、图片和链接

4、引用
> 高级前端开发技术的时代来临,便捷、简单、成本更低、更炫酷震撼、更佳客户体验的Web前端技术将占领各种客户端。
5、粗体和斜体
**粗体** *斜体*
6、代码引用
` 这里是一个代码段 `
```
这里是整段代码
```
7、表格
| 项目a | 表头1 | 表头1 |
| ---- | ---- | ---- |
| 项目b | 内容1 | 内容2 |
| 项目c | 内容1 | 内容2 |