让Visual Studio 2010在SP1前支持HTML5和CSS3

微软官方已于3月上旬发布了Visual Studio 2010 SP1,所有用户都可以通过升级实现对HTML5和CSS3的支持。

根据微软已经发布的Visual Studio 2010 SP1 Beta(目前只有英文版和日文版),微软将会在SP1中支持HTML5和CSS3,但是如果你的VS是中文版或者其它版本的,那么有可能安装这个SP1的测试版是很有困难的,况且,假设你仅仅是用来做做试验,或者为了保证与你现在的开发项目不冲突,那么最好的办法就是不升级,找一个其它的方法。

在Visual Studio中,对于任何一个标准的支持,比如CSS2.1,CSS3,XHTML,HTML5,其实都是根据一个Intellisense Schema的文件来实现的,这类文件里对应了相应的标准,因此在编辑器中会关联出相关的信息。所以,想要Visual Studio支持新的标准,只要找到这两个Intellisense Schema就可以。

关于Intellisense Schema具体翻译过来是什么,我暂时没有去找,有知道的朋友可以告诉我一下。

微软已经在很早就支持了,不过存在一些问题,因为这些东西的版本一般都是针对英文版的Visual Studio,所以在中文版本或者其它版本里安装后,有可能遇到路径的问题。如果用过MVC Beta英文版的朋友应该会知道安装完了MVC3的工具后需要手动拷贝几个文件,原理其实是一样的。

微软在Visual Studio 2010里有了插件管理这一项,我们可以在这里找到许多比较实用的插件,对于支持HTML 5和CSS 3的Intellisense Schema,我们也要在这里找到。

  • HTML 5 Intellisense Schema

这里下载HTML 5 Intellisense Schema

安装完成后,这个时候打开Visual Studio的时候是不行的,因为路径有一些问题。这里需要做一下处理。

安装完成后,无论你的Visual Studio安装在了什么路径上,你应该都可以在

C:\Program Files (x86)\Microsoft Visual Studio 10.0\Common7\Packages\Schemas\Html

下找到一个名为html_5.xsd的文件(如果是32bit操作系统就没有x86),这个xsd文件就是支持HTML 5很关键的Intellisense Schema文件。把这个文件拷贝到你的Visual Studio目录下的

%Microsoft Visual Studio 10.0%\Common7\Packages\schemas\html

下,你会发现这个目录下已经有很多类似文件。这时重启IDE,选择页面的标准为HTML5就会发现已经是HTML5的标准了。

  • CSS 3 Intellisense Schema

这里下载CSS 3 Intellisense Schema

同HTML5一样,CSS3也需要做一点儿小工作。

安装完成后,可以在

C:\Program Files (x86)\Microsoft Visual Studio 10.0\Common7\Packages\1033\schemas\CSS

下找到一个名为css30.xml的文件(如果是32bit操作系统就没有x86),这个文件是支持CSS 3的关键,把这个文件拷贝到你的Visual Studio目录下的

%Microsoft Visual Studio 10.0%\Common7\Packages\2052\schemas\CSS

下,重启IDE,这个时候才可以真正在编辑器里支持CSS 3。

PS:以上这两个Intellisense Schema文件的配置路径是不相同的,而且文件格式也是不相同的,拷贝的时候需要注意。另外说明一下,在CSS 3的支持路径中,原地址是1033目录,需要拷贝到的目录是2052目录,在中文版里可能会有1033目录同时存在,这时候不要拷贝错了。1033代表的应该是英文版的VS编号,而2052是中文的专门目录。

Visual Studio 2010支持HTML 5后

Visual Studio 2010支持HTML 5后

期待Visual Studio 2010 SP1的正式版本能够尽快发布。

doubanclaimd638a40738352ad7

发表评论?

1 条评论。

  1. 好文~ 帮助很大~

发表评论


注意 - 你可以用以下 HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>