hbuilder中新建html没有模板

解决办法如下：

检查plugins目录下，是否存在templates，如果不存在templates，有可能是解压的过程中，出现了问题。重新解压即可。

HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。

HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。

它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。

1. 编辑器里边推荐sublime，这是通过自己的简单配置，能够顺手使用的一款，界面炫酷，主题漂亮，体验给力。

2. 另外vim,emacs,textmate入门曲线比较陡，不建议使用。

3. 另外简单点的：notepad++,editplus，选那个区别不大。notepad++有黑色主题，editplus启动还是那么快。

4. webstorm,phpstorm,intellijdea，随便选一款，都差不多。分别支持不同的后台语言而已。

而web前端开发乃及其它的相关开发，推荐sublime text, webstorm(jetbrains公司系列产品)这两个的原因在于，有个技术叫emmet, Emmet Documentation，而这两个对他的支持是：

sublime text 是所有编辑器里边支持emmet比较好的的唯一一款。

webstorm是所有编辑器里边唯一内置emmet的一款，并且将emmet的精神往前推动的一款。

然后还是那句话：编程的核心是代码，代码的灵魂是算法或数据结构，所以你懂得，随便选一款得了。

phpstorm，idea包括所有webstorm的功能。只是phpstorm是针对phper的，idea是针对javaer，webstorm针对前端er。

一. css工具:

1. emmet Emmet Documentation

a. 可以以插件的形式安装在dreamweaver,notepad++,editplus,sublime各个编辑器上。

Zen Coding: 一种快速编写HTML/CSS代码的方法

zen coding更名为emmet，新加更多特性

zen coding更新到 0.7

zen coding资源更新

zen coding的dreamweaver插件安装教程

emmet在sublime上的效果：

1). css ：他与其它编辑器的区别在于细节上，比如ctrl,alt+方向键可以修和里边的数值

2). html 效果：

3). sublime的emmet规则修改：

packages->Emmet->emmet->snippets.json

b. 只有一个例外jetbrain公司的产品线：webstorm,phpstorm,intellij idea都是内置的，不需要安装。

1).

写js的效果：

2). webstorm的emmet规则修改：Files ->settings ->Live Templates

mac OS下 sublime text3的配置方法如下：

1. 安装扩展包

Package Control：包管理器，安装插件前必装的（搜索安装方法）

2. 其他插件

AdvancedNewFile：根据内容自动命名

Alignment：这插件用于对齐代码赋值语句

All Autocomplete：自动补全

AutoFileName：根据内容自动命名

Case Conversion：大小写自动转换

Code Alignment：对齐

ConvertToUTF8：ST2只支持utf8编码，该插件可以显示与编辑 GBK, BIG5, EUC-KR, EUC-JP, Shift_JIS 等编码的文件

CTags：简单的说可以在代码里直接查看函数定义的地方, 比如看一个函数的定义或者类的定义.

DetectSyntax：自动检测写文件内容, 切换到对应的正确的语言, 如 Gemfile =>ruby.

Display Functions (Java)：Java的提示

EclipseJavaFormatter：按照Eclipse中对Java的格式化方法格式代吗

FileDiffs：查看文件的不同

HTML5：格式化Html5

Markdown Preview：预览markdown文件

SideBarEnhancements：默认 Sublime Text 2 新建文件的时候需要保存才能选择存放位置, 而装了这个插件就可以先建文件在编辑内容了, 当然这个插件还有一对其他功能. 比如: 在 Finder 中打开当前文件之类的功能.

SublimeClang：C提示

SublimeCodeIntel：代码自动提示

SublimeJava：Java提示

SublimeLinter：一个支持lint语法的插件，可以高亮linter认为有错误的代码行，也支持高亮一些特别的注释

Theme – Nexus：主题

Theme – Soda：主题

3. SublimeTmpl介绍

sublimeTmpl安装：安装好package control之后，Sublime Text ->Preferences ->Package Control

选择或者输入Install Package ->输入SublimeTmpl 安装

（其他插件也如上述一样在Package Control中安装）

SublimeTmpl中默认安装几个，如果需要扩展，以Perl为例：

1）查看: Packages Settings / SublimeTmpl / Settings - Default 的默认语法设置.如果要新增语法, 请选择: SublimeTmpl / Settings - User, 内容格式参考Settings - Default的内容。（由于语法中已经存在Perl，所以不需要新增语法）

2）新增开始菜单: 可以在SublimeTmpl / Settings - Menu里, 参照其他语法增加Perl.

3）新增快捷键: 可以编辑:SublimeTmpl / Key Bindings User( 格式参考: SublimeTmpl / Key Bindings Default)

4）找到SublimeText3安装文件夹下的Package文件夹－>SunlimeTmpl－>templates －>新建Perl.tmpl文件，文件里内容为下：

#!/usr/bin/env perl -w

#@authors ${author}

#@date ${date}

#@version \$Id\$

${1:use strict}

${2:use warnings}

${3:use Data::Dumper}

${4:use Encode}

5）在SublimeTmpl / Default.sublime-commands中加入Perl的部分

经过以上步骤，在NewFiles(SublimeTmpl)中就可以新建perl文件了

---