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
}

  

前端开发编辑器(notepad++、sublime text)的更多相关文章

  1. web前端开发教程系列-1 - 前端开发编辑器介绍

    目录: 前言 一. Webstorm 1. 优点 2. 缺点 3. 教程 4. 插件 5. 技巧 二. SublimeText 1. 优点 2. 缺点 3. 教程 4. 插件 5. 技巧 前言 由于很 ...

  2. 前端project师养成记:开发环境搭建(Sublime Text必备插件推荐)

    为了让自己更像一个前端project师,决定从开发环境開始武装自己. 本文将介绍前段project师开发的一些利器的安装步骤,主要包含了: 1.Node.js的安装 2.Grunt的安装及经常使用插件 ...

  3. 前端工程师手中的Sublime Text

    原文地址:http://css-tricks.com/sublime-text-front-end-developers/ 我的Blog:http://cabbit.me/sublime-text-f ...

  4. 前端开发必备的Sublime 3插件

    Sublime的大名已经无需我介绍了,首先先介绍如何启用插件安装功能: 打开Sublime 3,然后按 ctrl+` 或者在View → Show Console 在打开的窗口里黏贴这个网站上的代码( ...

  5. Aptana studio 3前端开发编辑器推荐

    直接进入主题,先上图 这就是我Apatana studio 3的默认界面,推荐此工具的原因主要有以下几点: 1.可以集成Emmet,快速编写HTML+CSS,做到效率倍增. 2.Jquery 自动完成 ...

  6. Golang (Go语言) Mac OS X下环境搭建 环境变量配置 开发工具配置 Sublime Text 2 【转】

    一.安装Golang的SDK 在官网 http://golang.org/ 直接下载安装包安装即可.下载pkg格式的最新安装包,直接双击运行,一路按照提示操作即可完成安装. 安装完成后,打开终端,输入 ...

  7. 三、Brackets:一个好用的Web前端开发编辑器

    前言 如果你以前在使用 Dreamweaver 或 Zendstudio 编写HTML,CSS代码,那么你可以尝试使用这个编辑器.他的界面简洁,舒服. 介绍 免费.开源.跨平台的前端开发环境(只是前端 ...

  8. [开发工具]_[Sublime Text 2]_[配置C++编译执行环境]

    场景: 1. g++的版本号更新比較快,能够使用最新的C++11特性, 这里sublime text 2是我的轻量级C++开发工具(仅仅有这个),能够使用st2这样的工具来验证一些语法新特性, 也能够 ...

  9. Python开发工具之Sublime Text 3基于文件创建项目

    说明: 本地windows系统 本地已安装Sublime Text 3; 本地已创建python项目文件,如test,并在该文件夹下创建了虚拟环境venv(test/venv). 1.创建项目 依次鼠 ...

随机推荐

  1. LL LR SLR LALR 傻傻分不清

    [转] 一:LR(0),SLR(1),规范LR(1),LALR(1)的关系     首先LL(1)分析法是自上而下的分析法.LR(0),LR(1),SLR(1),LALR(1)是自下而上的分析法.   ...

  2. python 根据现有文件树创建文件树

    # -*- coding: utf-8 -*- import os, errno def fileName(path):#获取文件夹 str = '' for i in range(1,len(pat ...

  3. Unity学习疑问记录之协程

    http://blog.csdn.net/huang9012/article/details/38492937 总结:1.协程相当于多线程但不是,(尽管它们看上去是这样的),它们运行在同一线程中,跟普 ...

  4. CYQ.Data+EasyUI开发:几个相关的问题CheckBox、Tree、TreeGrid

    前言: 话说到新的公司已经呆了三个星期了,从上班的第二天开始就一直在写项目文档和给开发人员培训,以至于我的QQ签名从"我不是来搞培训的“到最后直接换成”我是来搞培训的“. 虽然挂名开发经理, ...

  5. 一步步学习javascript基础篇(2):作用域和作用域链

    作用域和作用域链 js的语法用法非常的灵活,且稍不注意就踩坑.这集来分析下作用域和作用域链.我们且从几道题目入手,您可以试着在心里猜想着答案. 问题一. if (true) { var str = & ...

  6. ABP理论学习之MVC视图

    返回总目录 本篇目录 介绍 AbpWebViewPage基类 介绍 ABP通过Abp.Web.Mvc Nuget包集成了MVC视图.因此你可以像常规那样创建MVC视图. AbpWebViewPage基 ...

  7. 【Java并发编程实战】-----“J.U.C”:ReentrantLock之一简介

    注:由于要介绍ReentrantLock的东西太多了,免得各位客官看累,所以分三篇博客来阐述.本篇博客介绍ReentrantLock基本内容,后两篇博客从源码级别分别阐述ReentrantLock的l ...

  8. C#+OpenGL+FreeType显示3D文字(2) - 用GLSL+VBO绘制文字

    C#+OpenGL+FreeType显示3D文字(2) - 用GLSL+VBO绘制文字 +BIT祝威+悄悄在此留下版了个权的信息说: 上一篇得到了字形贴图及其位置字典(可导出为XML).本篇就利用此贴 ...

  9. CWR Mobile简介

    原创地址:http://www.cnblogs.com/jfzhu/p/4266671.html 转载请注明出处 (一)CWR公司背景 Dynamics CRM除了自己Out of Box对移动设备的 ...

  10. vSphere Client 编辑虚拟机属性的问题

    编辑虚拟机属性的时候, 出现: vpxclient.vmconfig.cpuid 初始值设置异常之类的,重置了, 并将注册表中的所有vmvare 相关键值删除了, 还是一样的.. 后面参照https: ...