sublime的使用技巧
ctr+shift+d是复制当前行当下一行
2.使用Sublime text 3 编写代码是一种享受,使用Sublime text 3 格式化HTML代码
,需要安装插件,具体安装步骤如下:1、打开菜单->首选项->插件控制,输入 install package2、
等待程序进入插件管理功能,再输入插件名称:TAG3、点击安装插件。4、插件安装成功后,在需要格
式化的HTML代码中,选中代码,然后按Ctrl+Alt+F对代码进行格式化。.....
---------------------------------------------------------------------------------------------------------------------
1.自动高亮获取文件的类型并且高亮显示,如js文件
2.Edit中有line->delete可以删除某一行ctrl+shift+k
3.text->insetrLineAfter就是可以在当前行插入下一行ctrl+Enter
4.Selection->可以选择一个单词后者一行,然后按住tab键就行跳转ctrl+L,ctrl+w
5.veiw->可以显示side_bar
6.Tools可以进入命令模式:ctrl+shift+p
7.首先项-》设置(是一个json文件可以拷贝对应的设置到用户设置中进行调整外观,)
8.首选项-》主题设置可以设置不同的风格
9.安装插件需要首先安装pci,就是安装插件的插件,首先到网站https://packagecontrol.io/installation#st3,复制下面那段代码,回到sublime->view->show console,然后点击后出现一个文本框
然后粘贴刚才的代码,按下回车就可以安装成功了。
10.有时需要测试服务器的返回数据,如果直接打开浏览器测试非常麻烦涉及到表单没有前端工程师的配合做不到,所以sublime提供了一个插件,httpResquester,可以帮助开发人员直接返回数据,只需要在返回数据的代码上面加上一句注释
//localhost:3000/users/(注意3000表示端口,users表示users.js可能是对应的控制器文件吧)
选中//后面的安装ctrl+alt+R,就可以新打开一个页面显示返回的所有的信息了
同样的如果是post提交数据就可以这样写注释了
/*
POST localhost:3000/users/
Content-type:appliction/x-www-form-urlencoded
POST_BODY:
variable1=avalue&variable2=1234&variable3=anotherval
*/
同样的道理选中然后安装ctrl+alt+p
11.为js安装对应的插件使得编辑js代码的时候更加的快捷,比如ife然后安装tab键就可以自动补全。
安装的步骤是首先pci->搜索javaScript的插件,安装之后,在输入pci之前输入ssjs就会模糊匹配出set Syntax:javasccript;然后安装就行;
然后就打开命令模式输入snip,然后选择不同的片段就会自动生成那个代码片段,比如输入一个p,然后利用上下键就可以自动选择不同的片段了
然后一个函数的不同空格键就可以按住tab键进行来回切换
12.安装javaScriptComplete插件就可以自动补全很多js中getTag等等的一些东西,就是直接用简写的一些字母就可以
自动补全,那么安装jsC插件的方法就是pci->javasccriptCompleted然后回车就可以,发现安装插件是必须pci然后再安装的
但是如果是写一些代码片段就可以直接在命令模式直接输入模糊匹配,然后回车就行,根部就不需要pci
13.安装insertCallBack就可以在编辑node.js的时候会自动去掉最后的一个分号。直接模糊匹配call就可以出来
PersonModule.findOne({name:'test'},(function(err,d){
});就是会自动这样去掉最后一个中括号后面的分号
14.利用gotoAnything的快捷键就可以直接进入到任何的文件,如果还指导文件结构就可以直接输入如:view/index
还可以模糊匹配:view/indexHTML
15.ctrl+p直接在命令模式输入@就可以进入到在文件内部进行搜索还可以在css文件中@body
在js文件中可以@来进行迅速找到对应函数
16.利用sublimeLinter这个插件可以来规范编程的风格,比如node.js中一般属性都是用单引号,而json文件一般是用
双引号的,然后强制三个等于号,条件体必须写{}就可以来规范编程的风格了,安装步骤:pci->sublimeLi
安装完后会弹出一个信息页面,官网是www.jslint.com.然后回到sublime再安装sublimeLinter-jshint;安装之后还是会弹出
信息,还需要在cmd安装,打开dos输入:npm install -g jshint,然后安装2.5版本的
17.创建自定义的文件.jshintrc就可以自定义规则:然后在网址:jshint.com/docs/options/#curly
看规则,然后在自定义的文件中写上:{
"eqeqeq":true,
"curly":true
}保存就可以生效;
18.连接Js库文件每次创建文件自动下载,
一般每次创建文件都需要拷贝:
https://github.com/jashkenas/underscore/blob/master/underscore-min.js
很麻烦;可以这样解决pci->Netutes+fetch(net)安装插件了。
->- > Fetch:Manage
打开文件Fetch.sublime-settings:
Fetch.sublime-settings
{
"files":
{
"jquery": "http://code.jquery.com/jquery.min.js"
},
"packages":
{
"html5_boilerplate": "https://github.com/h5bp/html5-boilerplate/zipball/master"
}
}
这里缺省有文件jquery和库html5_bolilerplate的配置,你可以仿照这两个配置加任何你需要的内容,格式为“文件名 : 下载地址”。
然后用的时候比如减一个空白的js文件,ctrl+shilt+p进入命令模式fet-file回车会发现自己文件库,直接回车就可以下载该文件就可以了
这个插件只有英文版本才能安装,那个中文版的版本不能够安装;
19.alt+ctrl+n可以调出高级创建文件可以指定路径新建文件,一般是自动在第一个项目中创建文件而ctrl+n就是普通创建文件
sublime的使用技巧的更多相关文章
- 12个不可不知的Sublime Text应用技巧和诀窍
本文为您提供Sublime Text编辑器的12个技巧和诀窍,深入挖掘这个看似简洁的代码编辑器,背后所隐藏的实现各种高级功能的无限可能. 1) 选择 以下是一些Sublime Text选择文本的快捷键 ...
- sublime text 3 技巧
sublime text 技巧 学习目的:熟悉sublime快捷键和功能,改进自己的工作方式. 学习流程:先把视频中涉及到的技巧记录下,再完整的看一遍所有的菜单和功能. 前端开发工具技巧介绍-Subl ...
- 记录sublime text2的技巧
好吧,其实俺是sublime text控,用了那么的编辑器,从最初的notepad++,后来到Dreawaver,现在只钟情于sublime text2....记录一些比较实用的技巧和网站吧!! 方便 ...
- Sublime Text2使用技巧
推荐Lucifr和JerryQu的几篇博文: Sublime Text 2 入门及技巧 via: http://lucifr.com/139225/sublime-text-2-tricks-and- ...
- sublime test3 使用技巧
sublimeText3使用技巧 常用快捷键 ctrl+d :选中光标处的文本单元,继续按ctrl+d选中相同文本单元 alt+F3 :功能和ctrl+d类似,用于批量修改相同文本 shift+↑ ↓ ...
- 12个Sublime Text应用技巧和诀窍
本文为您提供Sublime Text编辑器的12个技巧和诀窍,深入挖掘这个看似简洁的代码编辑器,背后所隐藏的实现各种高级功能的无限可能. 1) 选择 以下是一些Sublime Text选择文本的快捷键 ...
- 《转》12个Sublime Text使用技巧
文为您提供Sublime Text编辑器的12个技巧和诀窍,深入挖掘这个看似简洁的代码编辑器,背后所隐藏的实现各种高级功能的无限可能. 1) 选择 以下是一些Sublime Text选择文本的快捷键: ...
- sublime相关小技巧
1.快速建立一个新文件:Ctrl+n 2.修改多个相同符号:Ctrl+D 3.建立语言后缀的文件保存,例如我想创建PHP的语言脚本,先按Ctrl+Shift+p,打开Command Palette,输 ...
- 12个Sublime Text应用技巧[转载]
本文为您提供Sublime Text编辑器的12个技巧和诀窍,深入挖掘这个看似简洁的代码编辑器,背后所隐藏的实现各种高级功能的无限可能. 1) 选择 以下是一些Sublime Text选择文本的快捷键 ...
- sublime使用小技巧——自动保存后缀名与自动匹配语法
1,打开sublime 2,新建文件 3,ctrl+shift+p 4,输入ss(set syntax),在下拉列表中选择需要的语言 列表很多,可以输入相关快捷键 如:html-->ssh cs ...
随机推荐
- C++中不同变量、函数在内存中的内存情况《转》
一.一个C++编译的程序占用的内存分为以下几个部分 1.栈区:由编译器自动分配 存放函数的参数值,局部变量的值等,操作方式类似于数据结构中的栈. 2.堆区:一般由程序员分配释放,若程序员不释放,程序结 ...
- PHP接收android传过来的图片
在android手机app上,上传图片,PHP服务端接收图片需要一下步骤 1 需要android 开发人员 把图片转成base64格式 2 PHP端接收转化后的base64字符串,然后进行转译 fun ...
- [转]Nginx基本功能极速入门
原文链接:Nginx基本功能极速入门 | 叉叉哥的BLOG 本文主要介绍一些Nginx的最基本功能以及简单配置,但不包括Nginx的安装部署以及实现原理.废话不多,直接开始. 1.静态HTTP服务器 ...
- [解决]Linux Tomcat启动慢--Creation of SecureRandom instance for session ID generation using [SHA1PRNG] took [236,325] milliseconds
一.背景 今天部署项目到tomcat,执行./startup.sh命令之后,访问项目迟迟加载不出来,查看日志又没报错(其实是我粗心了,当时tomcat日志还没打印完),一开始怀疑是阿里云主机出现问题, ...
- PAT乙级-1037. 在霍格沃茨找零钱(20)
如果你是哈利·波特迷,你会知道魔法世界有它自己的货币系统 -- 就如海格告诉哈利的:"十七个银西可(Sickle)兑一个加隆(Galleon),二十九个纳特(Knut)兑一个西可,很容易.& ...
- 巧用UserAgent来解决浏览器的各种问题
以前对UserAgent了解不是很透彻,今天发现UserAgent用处多多.比如我之前一直很喜欢用火狐浏览器,不过用了那么久发现火狐浏览器问题多多,比如有的论坛上传附件或者上传图片等按钮没有作用,并且 ...
- vue零基础学习--搭建项目
一.script引入(联系使用,小型项目) 直接下载并用 <script> 标签引入,Vue 会被注册为一个全局变量. <script src="https://cdn.j ...
- parted分区和挂载及非交互式操作
author : headsen chen date : 2017-11-17 09:45:36 个人原创,转载请注明作者,出处,否则依法追究法律责任 1,将磁盘上原有的分区删除掉: 进入:#pa ...
- python解决图的最短路径问题
在hihoCoder上遇到一个算法题目,描述如下: 对图结构有了解的不难发现,这是经典的求图的最短路径问题.以下是python代码: def findMin(row): minL = max(row) ...
- Centos虚拟机克隆模板
Centos6模板 IPTABLES/SELINUX # iptalbes -F # service iptables save 或 # /etc/init.d/iptables stop # chk ...