前端开发编辑器(notepad++、sublime text)
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)的更多相关文章
- web前端开发教程系列-1 - 前端开发编辑器介绍
目录: 前言 一. Webstorm 1. 优点 2. 缺点 3. 教程 4. 插件 5. 技巧 二. SublimeText 1. 优点 2. 缺点 3. 教程 4. 插件 5. 技巧 前言 由于很 ...
- 前端project师养成记:开发环境搭建(Sublime Text必备插件推荐)
为了让自己更像一个前端project师,决定从开发环境開始武装自己. 本文将介绍前段project师开发的一些利器的安装步骤,主要包含了: 1.Node.js的安装 2.Grunt的安装及经常使用插件 ...
- 前端工程师手中的Sublime Text
原文地址:http://css-tricks.com/sublime-text-front-end-developers/ 我的Blog:http://cabbit.me/sublime-text-f ...
- 前端开发必备的Sublime 3插件
Sublime的大名已经无需我介绍了,首先先介绍如何启用插件安装功能: 打开Sublime 3,然后按 ctrl+` 或者在View → Show Console 在打开的窗口里黏贴这个网站上的代码( ...
- Aptana studio 3前端开发编辑器推荐
直接进入主题,先上图 这就是我Apatana studio 3的默认界面,推荐此工具的原因主要有以下几点: 1.可以集成Emmet,快速编写HTML+CSS,做到效率倍增. 2.Jquery 自动完成 ...
- Golang (Go语言) Mac OS X下环境搭建 环境变量配置 开发工具配置 Sublime Text 2 【转】
一.安装Golang的SDK 在官网 http://golang.org/ 直接下载安装包安装即可.下载pkg格式的最新安装包,直接双击运行,一路按照提示操作即可完成安装. 安装完成后,打开终端,输入 ...
- 三、Brackets:一个好用的Web前端开发编辑器
前言 如果你以前在使用 Dreamweaver 或 Zendstudio 编写HTML,CSS代码,那么你可以尝试使用这个编辑器.他的界面简洁,舒服. 介绍 免费.开源.跨平台的前端开发环境(只是前端 ...
- [开发工具]_[Sublime Text 2]_[配置C++编译执行环境]
场景: 1. g++的版本号更新比較快,能够使用最新的C++11特性, 这里sublime text 2是我的轻量级C++开发工具(仅仅有这个),能够使用st2这样的工具来验证一些语法新特性, 也能够 ...
- Python开发工具之Sublime Text 3基于文件创建项目
说明: 本地windows系统 本地已安装Sublime Text 3; 本地已创建python项目文件,如test,并在该文件夹下创建了虚拟环境venv(test/venv). 1.创建项目 依次鼠 ...
随机推荐
- 关于 iframe 在ie11 height:100% 无效的巨坑
好的,今天公司分配了个解决ie中的bug的任务,其中,有一个就是iframe 的高度 100% 没有生效的问题: 一开始,由于我真的没有怎么去了解过iframe这个货,所以,网上各种搜索一大堆关于这货 ...
- Mysql 学习笔记2
(1)MySQL查看表占用空间大小 //先进去MySQL自带管理库:information_schema //自己的数据库:dbwww58com_kuchecarlib //自己的表:t_carmod ...
- 2016huasacm暑假集训训练五 E - What Is Your Grade?
题目链接:http://acm.hust.edu.cn/vjudge/contest/126708#problem/E 题意:给做出的题目个数,5个的100分,4个的前n/2的同学95,后n/2的90 ...
- linux时间同步ntp服务的安装与配置
1.首先安装NTP [root@localhost /]# yum install ntp -y 2.修改NTP配置文件,添加NTP服务器的网络位置 /etc/ntp.conf # For mo ...
- Navsion二次开发_学习笔记
CodeUnit Note This feature is documented in the Navision Application Server Technical White Paper. ...
- 一个App完成入门篇(六)- 完成通讯录页面
第五章和第六章间隔时间有点长,对不起大家了.下面继续. 本节教程将要教会大家如何加载本地通讯录. 导入项目 导入通讯录 自定义js模块 发送和订阅page消息 将要学习的demo效果图如下所示 1. ...
- WPF+通过配置文件生成菜单(Menu)+源码
这个月做项目,遇到过一个通过配置文件来生成菜单的解决方案,感觉挺优雅的,特地放到博客园来,以飨读者. 说来惭愧,以前做的项目都没有这样用过,都是固定死了.如果后续有需要加入菜单,还得在重新修改UI,然 ...
- [Unity3D]自己动手重制坦克舰队ArmadaTank
[Unity3D]自己动手重制坦克舰队ArmadaTank 我玩过一款坦克游戏ArmadaTank(坦克舰队),如下图所示 几个月前我尝试用Unity3D重制这款游戏,已经可以玩起来了.下面是在PC上 ...
- 七天学会ASP.NET MVC (三)——ASP.Net MVC 数据处理
第三天我们将学习Asp.Net中数据处理功能,了解数据访问层,EF,以及EF中常用的代码实现方式,创建数据访问层和数据入口,处理Post数据,以及数据验证等功能. 系列文章 七天学会ASP.NET M ...
- Thrift架构~目录
回到占占推荐博客索引 概念相关 thrift是一个软件框架,用来进行可扩展且跨语言的服务的开发.它结合了功能强大的软件堆栈和代码生成引擎,以构建在 C++, Java, Python, PHP, Ru ...