如何⽤vs新建html项⽬,VS2010中添加HTML5项⽬模板
html5时代来了，还不为你的Visual Studio 2010添加html5的项⽬模板
本⽂在简单不过了，就是为你的Visual Studio2010创建⼀个项⽬模板，⼀个HTML5的项⽬模板。谁叫HTML5时代来了，Visual Studio 2010⼜没提供此模板呢?那我们就动⼿做⼀个吧!
先写⼀个HTML5的基本模板，index.html代码如下：
按照msdn上的How to: Create Item Templates这篇⽂章，为Visual Studio 2010创建⼀个项⽬模板。当我做到第3步，怎么也不到Export Template这个菜单项。经过⼀番摸索，原来Visual Studio 2010还需要安装⼀个插件才会有这个菜单项，下载地址为：Export Template Wizard。安装完成后按照下⾯步骤配置。
1、启动 Visual Studio 2010。
2、在“⽂件”菜单中，依次选择“新建”和“项⽬”。将打开“新建项⽬”对话框。在 Visual Basic 或 Visual C# 中选择“WEB应⽤程序”，然后将其命名为“HTML5Template”。单击“确定”。
3、在这个项⽬中添加下⾯这些⽂件。
两个分别放置js和css的⽂件夹：css、js
HTML5基本模板页：index.html
jQuery：jquery-1.4.2.min.js
Modernizr ：modernizr-1.5.min.js
HTML5 样式⽂件：html5reset.css
⼀个空的css⽂件：style.css
4、在“⽂件”菜单中选择“全部保存”来保存项⽬。
下⾯我将在上⾯4个步骤的基础上创建⼀HTML5页的模板项和⼀个创建HTML5⽹站的模板项。
创建HTML5页的模板项
第⼀步：File ->Export Template：
第⼆步：选择item Template，选择index.html⽂件，点击next。
第三步：这⾥可以什么都不选，直接next。
第四步：填写⼀些Template的基本信息，点next。
第五步：点击完成。
第六步：在添加新建项中查看到模板：
创建创建⼀HTML5⽹站的模板项
回到保存过的那个vs项⽬。和创建HTML5页的模板项类似。
不过在第⼆步选择project Template,
填写⼀些Template的基本信息，点击下⼀步：
点击完成：
当我们选择file-new-project的时候，可以到此项⽬模板：
css怎么创建点击OK，⽣成的项⽬代码结构如下，和我们创建时候是⼀样的。
接下来，你就可以使⽤Visual Studio 2010编写HTML5的应⽤程序了。
总结：本⽂⾮常简单，为你Visual Studio 2010搭建了使⽤HTML5的环境。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。