sublime text3--制作网页常用插件
诸多工具中,Sublime Text无疑是一款利器,它界面优美、功能强悍、性能令人惊讶,需要注意的是,它并不是IDE,而是一个单纯的文本编辑工具,但其代码高亮显示、语法提示、自动完成且反应快速,还有各种丰富插件的支持,使得文本编辑过程非常规范、快速高效。
下载安装
直接去官网http://www.sublimetext.com/3下载官方版,尽量不要下载网上的中文版,会出现各种奇怪的问题。安装时next,next之后,注意在安装时勾选 Add to explorer context menu ,如图,这样在选中文件右键可以直接使用Sublime Text打开。
sublime是个收费软件,但官网下载的sublime安装后可以正常使用,无需购买,购买的好处在于你使用过程中不会弹出提示框让你购买(其实弹出频率很低,不影响正常使用)。
改变字体和背景颜色
常用插件
sublime是通过插件管理器Package Control地对插件浏览、安装和卸载插件。
把下载文件放在Installed Packages目录下并重启编辑器 安装成功
安装插件
安装插件时,先使用Ctrl+Shift+P(Tools→Command Palette...)打开控制面板,输入PackageControl 回车 显示如图:
选择Package Control:Install Package,回车。安装成功后如图所示,在输入框中输入插件名字选择插件回车即可安装插件。
Emmet
前端开发必备,Write less , show more,使用Tab键触发。安装Emmet后,可以输入少量代码后摁Tab键,系统自动补全代码。
AutoFileName
快速列出你想引用的文件夹里面所有文件的名字,比如想引用test/img/1.png。只需要输入/img,该插件就会自动提示/img下面的所有文件名,如图
BracketHighlighter
高亮显示[], (), {}, “”, ”, <tag></tag>符号,便于查看起始和结束标记。如图:
ColorPicker
JsFormat
DocBlockr
安装该插件后,可以快速生成各种注释格式,当需要生成注释符号时,输入/*、/然后回车系统即帮你自动生成,如果/后面刚好是一个函数的定义,注释格式会根据函数的参数生成。
Sidebar Enhancements
Alignment
CSS Format
CSS Format可以将任意的 CSS、SASS、SCSS、LESS 代码格式化为展开、紧凑、压缩的形式,选中需要格式化的样式代码,右键选中CSS Format,选择需要形成的格式即可。
Tag
Trailing spaces
ConvertToUTF8
HTML-CSS-JS Prettify
Terminal
- { "keys": ["ctrl+alt+shift+a"], "command": "alignment" },
- { "keys": ["ctrl+shift+alt+f"], "command": "show_panel", "args": {"panel": "find_in_files"} },
- { "keys": ["ctrl+alt+u"], "command": "soft_undo" },
- { "keys": ["ctrl+shift+alt+t"], "command": "delete_trailing_spaces" },
- { "keys": ["f12"], "command": "side_bar_open_in_browser","args":{"paths":[], "type":"testing", "browser":""}},
- { "keys": ["alt+f12"], "command": "side_bar_open_in_browser","args":{"paths":[], "type":"production", "browser":""}},
- { "keys": ["ctrl+t"], "command": "side_bar_new_file2"},
- { "keys": ["f2"], "command": "side_bar_rename"},
- { "keys": ["ctrl+shift+c"], "command": "color_pick"},
- { "keys": ["ctrl+shift+alt+j"], "command": "js_format","context": [{"key": "selector", "operator": "equal", "operand": "source.js,source.json"}]},
还有很多插件需要根据你使用的库和框架自己去添加,比如jQuery、angular、node.js、less等,只要Ctr+Shift+p输入关键词即可找到你想安装的插件。
sublimeCodeIntel
sublime text3--制作网页常用插件相关推荐
- 如何优雅地使用Sublime Text3中大量的插件
[原作者链接](http://www.jianshu.com/p/3cb5c6f2421c/) Sublime Text:一款具有代码高亮.语法提示.自动完成且反应快速的编辑器软件,不仅具有华丽的界面 ...
- sublime Text Vue中常用插件汇总说明
开发vue的常用插件 1.让vue文件高亮: 安装: Vue Syntax Highlight 2.让script里面的es6代码高亮: 安装:ecmascript syntax 安装:vuejs c ...
- mac电脑sublime text3安装pretty json插件
因http://packagecontrol.io/地址被墙无法实现自动安装,导致sublime Text3安装插件非常麻烦,总是出现There Are No Packages Available F ...
- subline3插件html,Sublime Text3与html的插件
8种机械键盘轴体对比 本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? 因为学习web课程,需要一些环境来支持web的高效率开发,于是就将sublime text3进行进一步的优化,是他更适合 ...
- sublime text3使用自带插件汉化及破解(亲测有效!更新于2019.07.22)
目录 汉化 第一步(安装sublime text3) 第二步(手动安装Package Control) 第三步(配置Package Control文件) 破解 汉化 第一步(安装sublime tex ...
- Sublime Text 3安装常用插件的方法及使用报错方法总结
常用安装方法 Sublime必备插件 必备的:Alignment,JsFormat,CSSComb,CTags,DocBlockr,Emmet,FileDiffs,SASS,LESS,SASS Bui ...
- sublime jsx html插件,Sublime Text3关于react的插件——react语法提示代码格式化
背景: 最近因为项目准备迁移切换技术栈到react~所以研究了一波sublime关于react的插件,很多推荐已经写得很详细,这里就补充一下语法提示和代码格式化的插件. 1.sublime-react ...
- Sublime Text3 Package Control Emmet插件安装
https://www.cnblogs.com/carrie-hong/p/4995735.html https://www.cnblogs.com/tamato-jacob-wealllostcon ...
- 圆角教程,教你制作网页常用的圆角矩形边角
感兴趣可加群:741090028,暗号:小螺号 在我们工作中也许会遇到如下图所示的形状,很多新手小伙伴不知道从何入手,其实,难点就是红线圈住的地方,这个怎么做呢?今天我们就来一起学习一下吧.其实很简单 ...
最新文章
- 读书笔记:《图解HTTP》第三章 HTTP报文
- Go语言之 Struct Tag
- 平民软件OneProxy的强大
- PIManager V1.0 Release -[2007-06-05]
- html编辑器不支持自定义样式,百度编辑器自定义按钮样式问题(写在cssRules不起做用)?...
- 产品面试题:朋友圈内容为何不支持直接修改?
- Redis安装及配置(Linux)
- sql server序列_SQL Server中的序列对象功能
- ASCII码表 0~127
- VMware下Ubuntu图形界面切换到命令行终端模式
- Unity 官方教程 学习
- STM32驱动ST7920的12864液晶(串行方式)
- 带存储功能的计算器是什么样的_19年中级会计考生能不能带计算器考试?今天统一回复!...
- 360度 EC11 旋转编码器模块 数字脉冲电位器
- Python读取NC格式数据绘制水汽通量等值线和和流场
- google浏览器打包扩展程序
- 你为什么会选择做程序员?
- <A Tale of Evil Twins: Adversarial Inputs versus Poisoned Models>阅读笔记
- 快速找到你的另一半——相亲小程序
- linux常用命令 和 常见错误解决方式
热门文章
- 二陈丸配什么吃不上火_什么样的人群不适合吃二陈丸?
- 论文阅读笔记:Multi-Labeled Relation Extraction with Attentive Capsule Network(AAAI-2019)
- android apk 反编译及第三方加固脱壳
- Java语言中,finally一定会执行吗?
- 王老吉药业“关爱烈日下最可爱的人”公益活动在南京启动
- IJCAI论文 | 基于改进注意力循环控制门,品牌个性化排序升级系统来了...
- nodejs基于Vue旅游网站的设计与开发express前端源码
- 借条可以成为质押财产吗?
- 生成一个袁金龙的2022年年度报告
- 如何在老旧电脑上安装 M.2 固态硬盘提升电脑性能