欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

前端开发编辑器(notepad++、sublime text)

程序员文章站 2024-01-10 11:55:13
...

1、Notepad++ 正则替换:

  如<td>第三节</td>

  替换成<td><input type="text" value="第三节" /></td>

  可以查找:第(.)节,替换为:<input type="text" value="第(\1)节" />。

 

2、 Notepad++ 计字数

  在 视图-摘要 中

 

3、Notepad++ 代码着色主题推荐

  除了默认的白底黑字的主题外,下面几个还算不错的暗色背景主题:
  bespin 选区略灰暗
  black board 绿色选中不清晰 红色选中刺眼
  monokai 和sublime text默认主题是一样的
  plastic code wrap 还不错 选区不够明显

 

4、Emmet 手册

  http://www.w3cplus.com/tools/emmet-cheat-sheet.html

 

 5、为特定扩展名设置高亮模板

  notepad++    --    在语言格式设置中,添加自定义扩展名。

  sublime text3 --    左键单击右下角,选择顶部的“打开所有扩展名...”设置好就可以了。

 

 6、sublime text3 代码格式化

  自带重新缩进:http://www.zhugexiaojue.com/note/reindent-753.html

  插件HTML-CSS-JS Prettify:http://jokerliang.com/html-css-javascript-and-json-code-formatter-for-sublime-text-2-and-3.html

 

 7、sublime text3大爱主题Otto(官网已经下线了 这个傻逼改了名字了 也不给我通知一下 直接就不能用了 新名字 Boxy  https://packagecontrol.io/packages/Boxy%20Theme)
  otto 旧名字

{
	"caret_extra_width": 1,
	"caret_style": "smooth",
	"color_scheme": "Packages/User/SublimeLinter/Otto Tomorrow (SL).tmTheme",
	"font_size": 18,
	"highlight_line": true,
	"ignored_packages":
	[
		"Vintage"
	],
	"overlay_scroll_bars": "enabled",
	"show_encoding": true,
	"tabs_small": true,
	"theme": "Otto Tomorrow.sublime-theme",
	"theme_otto_accent_green": true,
	"theme_otto_find_and_replace_close_hide": true,
	"theme_otto_find_and_replace_font_size_13": true,
	"theme_otto_find_and_replace_small": true,
	"theme_otto_global_ui_large": true,
	"theme_otto_scrollbars_wide": true,
	"theme_otto_sidebar_font_size_15": true,
	"theme_otto_status_bar_font_size_14": true,
	"theme_otto_status_bar_small": true,
	"theme_otto_tab_font_size_12": true,
	"theme_otto_tab_selected_prelined": true,
	"theme_otto_tab_small": true,
	"word_wrap": true
}

  新名字 boxy

{
	"caret_extra_width": 1,
	"caret_style": "smooth",
	"color_scheme": "Packages/User/SublimeLinter/Monokai (SL).tmTheme",
	"font_size": 21,
	"highlight_line": true,
	"ignored_packages":
	[
		"Color Highlighter",
		"DocBlockr",
		"Javascript Beautify",
		"Vintage"
	],
	"theme": "Boxy Tomorrow.sublime-theme",
	"theme_accent_green": true,
	"theme_font_lg": true,
	"theme_scrollbar_colored": true,
	"theme_sidebar_font_xl": true,
	"theme_size_xs": true,
	"theme_tab_arrows_hidden": true,
	"theme_tab_font_md": true,
	"theme_tab_selected_label_bold": true,
	"theme_tab_selected_prelined": true,
	"theme_tab_size_md": true,
	"theme_tab_width_auto": true,
	"word_wrap": true
}