Saber 酱的抱枕

Fly me to the moon

01/4
2018
软件

Sublime Text、Atom、VS Code 简单对比

以前我用了很久的Sublime Text 2/3 ,前几个月开始使用Atom,但是Atom太卡了,最近又换成了VS Code。现在熟悉了,我感觉VS Code爽歪歪,可以告别之前的两个编辑器了。

以下是我整理的Sublime Text、Atom、VS Code 在一些方面的对比图:

Atom sublime text VS Code 编辑器 对比

这几个编辑器截图留念一下吧(安装扩展后的截图):
Read More →

Sublime Text、Atom、VS Code 简单对比

08/20
2016
软件

使用Notepad++进行多行操作

我常用的编辑器是Sublime Text,但是Sublime Text不支持GBK编码。虽然可以装插件解决,但插件并不十分可靠。例如批量操作多个GBK编码的文件,保存后发现还是有几个文件变成乱码了。所以我现在用Notepad++来批量操作GBK文件。

Notepad++原生支持GBK,另外它有个好,就是跑的特别快。当操作数百上千个文件时,文件打开速度和保存速度比Sublime Text高到不知哪里去了。

但是Notepad++也并不完美,它默认的替换功能不支持查找、替换多行文本,如果我们把多行文本直接粘贴进去,只会留下第一行。这个时候就得费点事了,用扩展模式手动加换行符\r\n:

使用Notepad++进行多行操作

如果替换后的文字也需要是换行的,那么也得加\r\n。

由于Notepad++的查找、替换输入框只会保留多行文本的第一行,所以我们得先在别的地方加好换行符,然后复制到Notepad++里,这点也很蛋疼,不过只能忍了。

ps:有个超级替换软件UltraReplace其实在替换方面更好使,不用考虑编码问题,原生支持换行,而且也省去了自己打开文件、保存文件的步骤。不过人嘛,有时候还是得自己弄才放心。这软件万一替换出问题了可没法撤销的。在我对它充分了解之前,多行操作还是先用编辑器顶着吧。

使用Notepad++进行多行操作

05/13
2016
软件

我在sublime text 3里安装的插件以及一些技巧

sublime text 3 插件 技巧

以前我一直使用sublime text 2作为编辑器,直到3月份换成了Brackets。关于Brackets较为常用的优秀功能,及一些使用经验,我写了个文档,可以查看这里

但我渐渐发现Brackets的缺点也不少,今天下午卸载了它,转而使用sublime text 3。sublime text 3和sublime text 2有不少地方不一样,折腾了俩小时,记录一点经验。

1.我安装的插件:

名字					快捷键							说明
———————————————————————————————————————————————————————————————————————————————————
Alignment				Ctrl+Alt+A(我改为了ctrl+\) 		使代码中的等号自动对齐
AutoFileName			-								当你引用外部文件时,自动提示路径
BracketHighlighter		-								高亮括号配对
ChineseLocalization		-								菜单中文语言包
ColorPicker				ctrl+shift+c 					调色板
ConvertToUTF8			ctrl+shift+c(改ctrl+shift+alt+c)使sublime text支持其他编码,编辑时转换为utf-8,保存时仍保存成原编码
CSS Format				-							以多种风格来格式化css代码。在edit菜单里选择这个插件的功能。
Emmet 					tab或ctrl+e						不解释
JavaScript Completions	-								JavaScript的代码提示,很全面(sublime text自带了个SublimeCodeIntel,默认启用,有代码提示,但是不全面。使用插件最好同时启用SublimeCodeIntel。
jQuery					-								jQuery的代码提示。但是和上面的代码提示插件共存。
JsFormat				ctrl+alt+f 						格式化js代码,貌似只在.js文件中有用
LiveReload				-								在浏览器中热更新本机文件。
Package Control			-								管理插件
PyV8					-								Emmet依赖的库
SideBarEnhancements		-								扩充sidebar的右键菜单功能
SublimeLinter			-								提供jshint代码检测(需要安装nodejs才能用,所以禁用了。
SublimeTmpl				ctrl+alt+h/c/j/p 				建立指定文件类型的模板
SyncedSidebarBg			-								同步侧边栏颜色为主题颜色,不然真难看
Tag						ctrl+alt+f 						html代码格式化,选中代码后按快捷键使用
TrailingSpaces			-								显示和删除文档中多余的空格和制表符,安装后在“编辑”菜单中使用它

2.我的user设置:

{
	"color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
	"font_face": "Consolas",
	"font_size": 12,
	"ignored_packages":
	[
		"SublimeLinter",
		"Vintage"
	],
	"word_wrap": "true",
	"highlight_line": true,
	"save_on_focus_lost": true,
	"show_encoding": true,
	"scroll_past_end": false
}

ignored_packages的意思是忽略插件(禁用里面的插件)。

更多user设置项可参考此处,或参考这篇文章中的中文翻译。

3.我的自定义快捷键键设置(在Preferences=>Key Bindding - User里设置):

[
    { "keys": ["ctrl+\\"],	"command":	"alignment"	},
	{ "keys": ["ctrl+shift+alt+s"], "command": "save_all" },
	{ "keys": ["ctrl+shift+c"], "command": "open_in_browser" }
]

为某个命令指定快捷键。比如sublime text 3的“保存所有打开的文件”命令没有默认快捷键,得用鼠标在下拉菜单里点击,非常麻烦,所以可以设置一个快捷键。

如果要查找所有可使用的命令,可参考此处


其他内容:

1.sublime text 3常用快捷键参考此处

2.sublime text 3的配置文件夹路径:

win7及以上:

%userprofile%\AppData\Roaming\Sublime Text 3

xp则类似于下面:

C:\Documents and Settings\Administrator\Application Data\Sublime Text 3

如果要备份插件和设置的话,只备份这里就可以了。恢复的话也是恢复到这里。

3.打开方式的问题

如果你想通过右键的“打开方式”使某种类型的文件关联到sublime text 3,但是里面找不到sublime text 3的话,可以试试手动选择其exe文件。如果还不行,修改注册表

HKEY_CURRENT_USER\Software\Classes\Applications\Sublimetext.exe\shell\open\command

的值为sublime text 3程序的路径,如修改成:

"C:\Program Files\Sublime Text 3\sublime_text.exe" "%1"

之后在打开方式中就可以找到sublime text 3了。

也可以尝试删除此项,貌似也有同样的效果(这个办法我没试过

我在sublime text 3里安装的插件以及一些技巧

12/17
2014
软件

EmEditor Pro 14.6.1 -系统记事本替换软件

系统自带的记事本我真是受够了,由于它撤销步骤少,并且保存之后就不能撤销更改,曾经被它坑过。今天在卡饭上看到了这个软件,安装了感觉不错,可以无限撤销,也会自动选择标签对;而标签页形式也可以更方便地管理打开的文档。

下载地址

来源:北方星空

Read More →

EmEditor Pro 14.6.1 -系统记事本替换软件

10/7
2014
学习

增强WordPress编辑器

今天转了一篇我们萝莉控心中的满分作文《行走在消逝中》,大篇文字之下大字号显得不适合阅读了,想要改字号吧,wp本身的编辑器无此功能,文本编辑模式也不现实源代码,于是乎去找编辑器插件,换了俩,第一个是TinyMCE Advanced ,但它的字号是pt,用不惯。遂换了第二个CKEditor for WordPress,但这个每次点更新按钮都会被询问“是否离开本页面,如果离开您所做的保存会丢失”,这个操作方式太蛋疼于是继续百度,用了增强原生编辑器的办法。在主题的function.php的最后一个结束符之前加入以下代码:

 = 'fontselect';
$buttons[] = 'fontsizeselect';
$buttons[] = 'cleanup';
$buttons[] = 'styleselect';
$buttons[] = 'hr';
$buttons[] = 'del';
$buttons[] = 'sub';
$buttons[] = 'sup';
$buttons[] = 'copy';
$buttons[] = 'paste';
$buttons[] = 'cut';
$buttons[] = 'undo';
$buttons[] = 'image';
$buttons[] = 'anchor';
$buttons[] = 'backcolor';
$buttons[] = 'wp_page';
$buttons[] = 'charmap';
return $buttons;
}
add_filter("mce_buttons_3", "add_editor_buttons");

现在编辑器多出了第三行了~

可惜字号还是pt,于是只好去百度pt和px的转换去了

其实以前就这么改过,但是不生效,貌似那时候改的是wp自身的文件,而不是主题的文件,晕

增强WordPress编辑器

07/23
2014
学习

wordpress编辑器换行行距不一致的原因

wordpress的编辑器在换行方面是有诡异的情况的,即可视化里的换行和代码模式的换行所产生的行距是不同的。这一度使我摸不着头脑。

如果我们全部使用可视化编辑的换行,效果是这样的:

如果全部使用代码模式的换行来写文章,效果是这样的:

行距的差别是明显的,可视化的间距之大都快变成段落了,无非是没有首行缩进而已。那么原因何在呢?

我们在可视化里面按下enter,转到代码模式里面去看,会发现是这样的

从代码里看,可视化的换行其实是一个空行+一个nbsp;(这个空格算文字,占位用的),它俩各占一行,所以这一个enter算是产生了两行

如果你换行之后输入了文字,这个nbsp;就换成了你输入的文字。

那么现在就变成了一个空行+你的文字,其实和上面没区别的,它的行距也还是那么大。

最后到代码模式下,我们按下enter,得到的是我们习惯了的的效果:

问题已经看出来了,可视化的换行比代码模式下的换行多了一个空行,因此导致可视化的行间距比代码模式下的行间距大。

另外,可视化模式的产生的空行可以去代码里面删掉,就变得和代码里面的换行一样了。

明白了这两个模式里行间距不同的原因,我们就不会为行间距不统一而烦恼了。

另外还有些发现:

1.在代码模式里面按了enter就换行了,在可视化里面也生效,但是我们并没有看到
标签,可能是wp把
标签隐藏了。手动输入
的话,需要标签后紧跟有文字,不然
标签是会被删除的。这也就是可视化模式的换行产生的nbsp;的作用了。如果跟了文字,确实会有换行效果,但是
标签还是会被隐藏。

2.关于这个nbsp;空格,我们在可视化里面敲下enter后,是无法选中这个空格的,此时我们要删除这个空行,按一次backspace键就行了。到代码模式里面看一下再回来,这个空格就可以被选中了,此时我们就需要两次backspace才能删除这个“空行”了,因为空格需要删一次。

wordpress编辑器换行行距不一致的原因