Sublime入门插件

参考视频:http://www.imooc.com/learn/40
一,packagecontrol 安装(一定要先安装)
https://packagecontrol.io/installation

注:然后按ctrl+shift+p ,输入pci 回车可进行其它插件的安装

二,ctrl+shift+p
1)ssjs 设置为js语法 sshtml 设置为html语法
三,快速生成代码段:emmet
快捷键:ctrl+E
四,goto anything:
1)匹配当前页面的:#
2)匹配当前页面的函数或css:@
五,ctrl+shift+V 在黏贴的同时可以格式化代码
六,snippets以模板的方式编程(语句缩写)
1)js代码缩写神器:JavaScript & NodeJS Snippets
参考文档:https://packagecontrol.io/packages/JavaScript%20%26%20NodeJS%20Snippets
2)jquery代码提示神器:JQuery
3)回调函数的后面的那个封号不用再去删了:Insert Callback
使用快捷键alt+C
七,语法及风格校验:lint
1)SublimeLinter: lint整体框架
2)SublimeLinter-jshint:针对js语法
注意:还要安装一下东西
a)安装node.js:http://developer.51cto.com/art/201506/479127.htm
b)Windows命令窗口(cmd):npm install -g jshint
3)配置文件(主要是用于保存编程风格一致):必须以.jshintrc结尾,文件内容类似JSon格式
{
"eqeqeq":true
}
参考文档:http://jshint.com/docs/options/

八,快速创建文件和文件夹:Advanced?New?File
快捷键:alt+ctrl+N
九,快速在各种浏览器中查看网页:sidebarenhancement
十,快速注释:DocBlockr
多按Enter键
十一,快速选中单词等(多行游标):
1)ctrl+D 选中单词
alt+A 单词全部选中
2)ctrl+A
shift+ctrl+L
3)shift +鼠标右键上下拖动
十二,引用文件自动导入:Nettuts+ Fetch
在命令中输入fetch
1)fetch:Manage 配置文件
2)fetch:file 下载文件 (记得先建好一个文件再操作)
十三,一键格式化XML文件:indent XML
十四, XML转JSon:xml2json插件

原文地址:https://www.cnblogs.com/vagrant2814154894/p/12325502.html

时间: 2025-01-05 13:35:15

Sublime入门插件的相关文章

sublime Text3 插件编写教程_第一课

今天给大家分享一下编写一个Sublime Text3 插件的流程以及使用插件解决的一个实际问题. 一.开发插件的前提条件 开发sublime插件用到的是Python语言,因此必须懂Python语言的基础语法.学习Python语言,推荐学习廖雪峰的Python教程(http://www.liaoxuefeng.com/). 编写插件处理文本用到正则表达式的地方非常多,尽量了解正则表达式语法.学习正则表达式,推荐正则表达式30分钟入门教程(http://www.cnblogs.com/deercha

Sublime工具插件安装

Sublime工具插件安装.Sublime Text 是一个代码编辑器(Sublime Text 2是收费软件,但可以无限期试用),也是HTML和散文先进的文本编辑器. 1.官网下载安装包:http://www.sublimetext.com/ 2.安装后,需要先安装 Package Control插件,来管理插件的安装. 两种方法:(1)访问Package Control站点按照提示复制一段python命令安装Package Control.或复制如下到控制台运行. import urllib

sublime Text3插件教程

Mr_Renhappy Sublime Text3 3080安装及各种插件教程 作为一个前端开发人员,搭建自己喜欢的开发环境是必要的!Sublime Text3 作为一个前端开发利器是必备的, 会用是不够的,必须学会如何安装配置:作为一个windows用户很多命令行操作是很不习惯的,但有些地方命令行命令行也是必需的. 工具/原料 Sublime Text Nodejs 方法/步骤 1 打开Sublime Text3 官网   http://www.sublimetext.com/3 并下载与自己

Sublime 常用插件简介

Sublime   常用插件简介 emmet: 前端必备神器.花个十几分钟学下Emmet语法 ,就可以极大提高web开发者HTML和CSS工作效率啦.一句话,牛逼---必备 CSS3: CSS3语法高亮.CSS语法提示,但是浏览器的私有属性不会高亮.     -----必备 CSS Extended Completions: 提示css文件(包括关联进来的)中的类名,非常好用. JavaScript Completions javascript原生语法提示, jQuery 提供了jQuery的A

sublime前端插件以及常用快捷键

29个常用 Sublime Text 插件推荐 来源:互联网 作者:佚名 时间:06-18 09:27:55 [大 中 小] Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等.还可自定义键绑定,菜单和工具栏.Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等. trimmer在edit可以随便清除首尾空格,首空格会坏了锁进 gotocssjs { "key

sublime开发插件-初尝

我在网上下了个模板插件:文章地址 下载地址:https://github.com/kairyou/SublimeTmpl 我研究了一下他的代码,并自己尝试改了一下,建立自己的模板. 为什么要建立模板? 因为有些是框架的代码,每个文件都会有,所以这样的代码就直接写在模板中,每次新建文件自动加载,省的每次都要复制. 从github下载下来之后,解压,放在sublime/Packages/SublimeTmpl  后面的目录必须是这个, 把解压的文件放到这个目录下. 在 sublime 的菜单, Fi

Sublime Text插件之SublimeHighlight

简单来说,SublimeText的SublimeHighlight插件可以将Sublime Text编辑器中的代码样式, 包括缩进,代码高亮等转换为html代码,当在浏览器中查看时,可与Sublime Text别无二致, 在html中需要插入高亮代码时,可考虑之! 安装方法: 1.添加Sublime Text的repo:https://github.com/n1k0/SublimeHighlight/tree/python3 2.搜索安装SublimeHighlight插件 3.将代码转换为ht

Sublime text3插件安装方法

一.安装sublime text3插件的方法: 1.Ctrl+~键,调出console,将下面代码复制到底部命令行,回车: import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyH

sublime之插件CoffeeScript

各位看官,小生最近在做前端自动化这块,小有成效,记之,勿忘,同时为后来者前行做一个路标. 操作系统:win8 编辑器:Sublime 安装插件 a     ctrl+shift+p,输入install,回车,如图 b    输入CoffeeCompile 2.    安装node 3.    安装grunt,命令:npm install -g grunt-cli 安装coffee-script,命令:npm install -g coffee-script 4.    下载jashkenas-c