如何用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的时候，可以找到此项目模板：

点击OK，生成的项目代码结构如下，和我们创建时候是一样的。

接下来，你就可以使用Visual Studio 2010编写HTML5的应用程序了。

总结：本文非常简单，为你Visual Studio 2010搭建了使用HTML5的环境。

如何用vs新建html项目,VS2010中添加HTML5项目模板相关推荐

在右键新建菜单中添加新项目
在右键新建菜单中添加新项目打开Dos窗口输入regedit点击确定弹出注册表编辑器. 点击第一项HKEY_CLASSES_ROOT左边的加号,会发现展开后前面的很多项都是已知文件的拓展名.找到想要添 ...
VS2010中添加lib库引用
一.VS2010中添加lib库引用: 1 菜单项目---> 属性--->配置属性-->链接器---->输入---附加依赖项, 加入库名,如: my_API.lib; ...
JavaWeb编程中如果jar包存在但显示无法输出，就在IDEA的项目发布中添加lib依赖！
JavaWeb编程中如果jar包存在但显示无法输出,就在IDEA的项目发布中添加lib依赖! 第一步:点击设置选择项目结构第二步:选择工件artifact,选子模块,然后再WEB-INF目录下添加l ...
项目管理理论中关于软件项目外包采购管理的探讨(转)
项目管理理论中关于软件项目外包采购管理的探讨摘要: 本文分析了目前软件外包采购管理的重要意义和目前的形势,提出基于"双赢"策略的软件外包采购思想.在项目管理理论.CMM和ISO9 ...
VS2010中如何更改项目名称【转】
转载:http://hi.baidu.com/iaskall/item/dcde124bc6b1180fc11613c5 我们常常在建立项目的时候就必须输入一个项目名称,有的时候我们就随意的起了一个名 ...
Qt Creator和VS2010中添加槽信号_差异与详解
1.前言: Qt 的窗口部件通过发射信号(signal)来表明一个用户的动作已经发生了或者是一个状态已经改变了.如点击一个QPushButton时,按钮会发送一个clicked()信号,信号可以与函 ...
javaWeb项目 IDEA中导入eclipes项目的方法。maven多模块项目（父子模块）与普通的web项目导入
IDEA中导入eclipes项目 1.普通的Web项目(没有pom文件 )导入方式在下方地址 https://blog.csdn.net/oLevin/article/details/81018316 ...
项目管理理论中关于软件项目外包采购管理的探讨
一.基本概念和背景项目管理理论是一门综合多门学科的新兴研究领域,共有九大知识领域,包括项目集成管理.项目范围管理.项目时间管理.项目费用管理.项目质量管理.项目人力资源管理.项目沟通管理.项目风险管 ...
Android Studio新建类头部注释和添加函数注释模板及快捷键
一,Android Studio新建类头部注释是不是有时候看到这个很心烦其实Studio中有设置修改这些注释模板的信息的功能其实很简单,只需要两步: 1.打开Setting设置面板,找到File ...

如何用vs新建html项目,VS2010中添加HTML5项目模板

如何用vs新建html项目,VS2010中添加HTML5项目模板相关推荐

最新文章

热门文章