如何使用 Visual Studio 2010 安装 TypeScript [英] How Can I Install TypeScript with Visual Studio 2010
问题描述
这是一个很受欢迎的问题，我将提供答案.
TypeScript Version 0.9.1.1
Typescript 0.9.5+ 依赖于 Microsoft.VisualStudio.Shell.11.0.dll.因此，这些说明将不再更新.
以下内容仅用于教育目的.请遵守所有许可和再分发要求.对于以前版本的 TypeScript，请参阅此答案的编辑历史记录.
- 关闭 Visual Studio
- 安装 Wix 工具集
- 下载 TypeScript for Visual Studio 2012 0.9 版.1.1 并将安装程序可执行文件放在其自己的临时目录中.
- 在临时目录中打开一个命令窗口.
- 执行命令
"%wix%indark.exe" -x .TypeScriptSetup TypeScriptSetup.0.9.1.1.exe - 转到目录 .TypeScriptSetupAttachedContainerpackagesTypeScript_CORE
执行以下命令
IF NOT DEFINED ProgramFiles(x86) SET ProgramFiles(x86)=%ProgramFiles%SET VSDir=%ProgramFiles(x86)%Microsoft Visual Studio 10.0Common7IDESET Devenv=%VSDir%devenv.exe
对于 Windows 7 用户
执行命令:
TypeScript_CORE.msi/l* log.txt VS11_EXTENSIONS_DIR="%VSDir%ExtensionsMicrosoft" VS11_NEWSCRIPTITEMS_DIR="%VSDir%NewFileItems" VS11DEVENV="%Devenv%" VS11_TARGETS%6LFFiles%MSBuildMicrosoftVisualStudiov10.0TypeScript"
对于 Windows Vista 用户
您需要使用 Wix 构建一个新的安装程序
- 执行命令
"%wix%indark.exe" -x .TypeScript_CORE TypeScript_Core.msi - 可选择将 TypeScript_CORE.wxs 复制到 TypeScript_CORE.wxs.bak(建议)
- 编辑 TypeScript_CORE.wxs，替换如下所示的行.为避免可能的版权问题以及由于 StackOverflow 的大小限制，尚未发布完整的更新文件.我能做的最好的事情就是发布差异报告.第一列中的数字是原始文件的行号.第二列中的数字是已编辑文件中的行号.由于删除了行，编辑后的文件中的行号会更低.
<前>-----------------------------------------------------------------3 <Product Id="{5A908D89-0620-4CC0-A8B8-2CB4A7B0772C}" Codepage="1252" Language="1033" Manufacturer="Microsoft Corporation" Name="TypeScript for Microsoft® Visual Studio® 2012" UpgradeCode="{F15B62A0-4478-4924-876A-867617EC4B8C}"版本="0.9.1.1">4 <Package Comments="此安装程序数据库包含为 Microsoft® Visual Studio® 2012 安装 TypeScript 所需的逻辑和数据.Compressed="yes" Description="TypeScript for Microsoft® Visual Studio® 2012" InstallerVersion="500" Languages="1033" Manufacturer="Microsoft Corporation" Platform="x86"/>3 <Product Id="{5A908D89-0620-4CC0-A8B8-2CB4A7B0772C}" Codepage="1252" Language="1033" Manufacturer="Microsoft Corporation" Name="TypeScript for Microsoft® Visual Studio® 2010" UpgradeCode="{F15B62A0-4478-4924-876A-867617EC4B8C}"版本="0.9.1.1">4 <Package Comments="此安装程序数据库包含为 Microsoft® Visual Studio® 2010 安装 TypeScript 所需的逻辑和数据.Compressed="yes" Description="TypeScript for Microsoft® Visual Studio® 2010" InstallerVersion="405" Languages="1033" Manufacturer="Microsoft Corporation" Platform="x86"/>----------------------------------------------------------------------------------------------------------------------------------15(删除) <CustomAction Id="VS11_CAUpdateConfig" Property="VS11DEVENV" ExeCommand="/updateConfiguration" Return="ignore" Execute="deferred" Impersonate="no"/>16(删除) <CustomAction Id="VWD11_CAUpdateConfig" Property="VWD11EXPRESS" ExeCommand="/updateConfiguration" Return="ignore" Execute="deferred" Impersonate="no"/>----------------------------------------------------------------------------------------------------------------------------------第222话第220话----------------------------------------------------------------------------------------------------------------------------------293 <Feature Id="TypeScriptInstallation" Level="1" Title="TypeScript for Microsoft&® Visual Studio® 2012 Setup">291 <Feature Id="TypeScriptInstallation" Level="1" Title="TypeScript for Microsoft&® Visual Studio® 2010 Setup">----------------------------------------------------------------------------------------------------------------------------------427(删除)<Property Id="WixPdbPath" Value="D: ightly elease-0.9.1.1srcSetupwixoutsx86retenucookedTypeScript_CORE_net.wixpdb"/>----------------------------------------------------------------------------------------------------------------------------------663 <ProgressText Action="CAISVSRunning">检查 Microsoft® Visual Studio® 2012 是否正在运行</ProgressText>660 <ProgressText Action="CAISVSRunning">检查 Microsoft® Visual Studio® 2010 是否正在运行</ProgressText>----------------------------------------------------------------------------------------------------------------------------------712 <Control Id="VSRunningStatus" Type="Text" X="25" Y="110" Width="320" Height="110" Text="Microsoft® Visual Studio® 2012 正在运行，建议在继续 [ProductName] 安装之前关闭它."TabSkip="yes"/>709 <Control Id="VSRunningStatus" Type="Text" X="25" Y="110" Width="320" Height="110" Text="Microsoft® Visual Studio® 2010 正在运行，建议在继续 [ProductName] 安装之前关闭它."TabSkip="yes"/>----------------------------------------------------------------------------------------------------------------------------------739(delete) <Control Id="LaunchScreenAgreeLine" Type="Hyperlink" X="25" Y="138" Width="320" Height="14" Text="您必须同意<a href=[EulaURLName]">许可条款</a>在您可以安装 TypeScript 之前" TabSkip="yes">740(删除)<条件操作=隐藏">已安装</条件>741(删除)</Control>----------------------------------------------------------------------------------------------------------------------------------第799话第793话----------------------------------------------------------------------------------------------------------------------------------803(删除)<Custom Action="VS11_CAUpdateConfig" Sequence="6598">VS11DEVENV</Custom>804(删除)<Custom Action="VWD11_CAUpdateConfig" Sequence="6599">VWD11EXPRESS</Custom>----------------------------------------------------------------------------------------------------------------------------------第830话第822话----------------------------------------------------------------------------------------------------------------------------------第834话第826话----------------------------------------------------------------------------------------------------------------------------------第860话第852话----------------------------------------------------------------------------------------------------------------------------------第874话第866话----------------------------------------------------------------------------------------------------------------------------------第889话第881话-----------------------------------------------------------------
- 执行命令
"%wix%incandle.exe" TypeScript_CORE.wxs - 执行命令
"%wix%inlight.exe" -o TypescriptVista TypeScript_CORE.wixobj - 执行命令
TypeScriptVista.msi/l* log.txt VS11_EXTENSIONS_DIR="%VSDir%ExtensionsMicrosoft" VS11_NEWSCRIPTITEMS_DIR="%VSDir%NewFileItems" VS11DEVENV="%Devenv%"
配置文件
现有项目需要将以下元素添加到项目文件的底部.请注意在 BeforeBuild 元素之前添加的元素.
<TypeScriptTarget>ES3</TypeScriptTarget><TypeScriptIncludeComments>true</TypeScriptIncludeComments><TypeScriptSourceMap>true</TypeScriptSourceMap></PropertyGroup><PropertyGroup Condition="'$(Configuration)' == 'Release'"><TypeScriptTarget>ES3</TypeScriptTarget><TypeScriptIncludeComments>false</TypeScriptIncludeComments><TypeScriptSourceMap>false</TypeScriptSourceMap></PropertyGroup><导入项目="$(MSBuildExtensionsPath32)MicrosoftVisualStudiov$(VisualStudioVersion)TypeScriptMicrosoft.TypeScript.targets"/><!-- 要修改您的构建过程，请将您的任务添加到以下目标之一中并取消注释.存在其他类似的扩展点，请参阅 Microsoft.Common.targets.<目标名称="BeforeBuild"></目标><目标名称="AfterBuild"></目标>--> 杂项
在 TypeScript 不再出现在程序和功能列表中之前，可能需要卸载两次.第一次卸载后，按 F5 刷新应用程序列表.卸载后某些文件可能仍然存在.
TypeScript_CORE.msi 中还有用于调试器路径的其他自定义属性.在这一点上，我假设 VS 2010 与脚本调试回不同的源文件不兼容.但是，其他人可能希望尝试使其正常工作.其他自定义属性名称为:VS11_DEBUGGER_DIR、VS11_DEBUGGER_X64_DIR 和 VS11_REMOTEDEBUGGER_DIR
还有额外的自定义属性可以使用 Visual Web Developer 或 Visual Web Developer express 中的一个或两个来启用安装.我没有能力测试这些产品的安装.TypeScript_CORE.msi 文件中与此安装相关的自定义属性为:VWD11_EXTENSIONS_DIR、VWDExpress11 和 VWD11_NEWSCRIPTITEMS_DIR
功能
- 新的项目类型和项目类型可用.
- ToolsOptions 菜单下的 TextEditorTypeScript 部分.
- .ts 文件的智能感知编辑.
- .js 文件是在构建或保存时构建的(当在文本编辑器选项中设置了保存时构建).
- .js 文件在解决方案资源管理器中显示为 .ts 文件的子文件，但保存在与 .ts 文件相同的路径中.(v 0.9.1.1 默认不包含项目中的 .js 文件) 发布时不包含
- .ts 文件，只包含 .js 文件.
- .ts 文件有自己的图标，并与 Visual Studio 相关联.
修订历史
- TypeScript 0.9.1.1 版更新
- 针对 TypeScript 0.8.3.1 版进行了更新
- 修复了缺失的指令复制 0.8.3 的 MSBUILD 目录
截图
This is a popular question that I will provide the answer for.
TypeScript Version 0.9.1.1
Typescript 0.9.5+ have a dependency on Microsoft.VisualStudio.Shell.11.0.dll. Therefore, these instructions will no longer be updated.
The following is provided for educational purposes. Please adhere to all licensing and redistribution requirements. For prior versions of TypeScript, please see the edit history for this answer.
- Close Visual Studio
- Intall the Wix Toolset
- Download TypeScript for Visual Studio 2012 version 0.9.1.1 and place the installer executable in its own temporary directory.
- Open a command window in the temporary directory.
- Execute the command
"%wix%indark.exe" -x .TypeScriptSetup TypeScriptSetup.0.9.1.1.exe - Go to the directory .TypeScriptSetupAttachedContainerpackagesTypeScript_CORE
Execute the following commands
IF NOT DEFINED ProgramFiles(x86) SET ProgramFiles(x86)=%ProgramFiles% SET VSDir=%ProgramFiles(x86)%Microsoft Visual Studio 10.0Common7IDE SET Devenv=%VSDir%devenv.exe
For Windows 7 Users
Execute the command:
TypeScript_CORE.msi /l* log.txt VS11_EXTENSIONS_DIR="%VSDir%ExtensionsMicrosoft" VS11_NEWSCRIPTITEMS_DIR="%VSDir%NewFileItems" VS11DEVENV="%Devenv%" VS11_TARGETSINSTALLFOLDER="%ProgramFiles(x86)%MSBuildMicrosoftVisualStudiov10.0TypeScript"
For Windows Vista Users
You will need to build a new installer using Wix
- Execute the command
"%wix%indark.exe" -x .TypeScript_CORE TypeScript_Core.msi - Optionally copy TypeScript_CORE.wxs to TypeScript_CORE.wxs.bak (advisable)
- Edit TypeScript_CORE.wxs replacing the lines shown below. To avoid possible copyright issues and due to size limitations on StackOverflow, the entire updated file has not been posted. The best I can do is post a diff report. Numbers in the first column are line numbers for the original file. Numbers in the second column are the line numbers in the edited file. The line numbers in the edited file will be lower due to deleted lines.
------------------------------------------------------------------------
3 <Product Id="{5A908D89-0620-4CC0-A8B8-2CB4A7B0772C}" Codepage="1252" Language="1033" Manufacturer="Microsoft Corporation" Name="TypeScript for Microsoft® Visual Studio® 2012" UpgradeCode="{F15B62A0-4478-4924-876A-867617EC4B8C}" Version="0.9.1.1">
4 <Package Comments="This installer database contains the logic and data required to install TypeScript for Microsoft® Visual Studio® 2012." Compressed="yes" Description="TypeScript for Microsoft® Visual Studio® 2012" InstallerVersion="500" Languages="1033" Manufacturer="Microsoft Corporation" Platform="x86" />
3 <Product Id="{5A908D89-0620-4CC0-A8B8-2CB4A7B0772C}" Codepage="1252" Language="1033" Manufacturer="Microsoft Corporation" Name="TypeScript for Microsoft® Visual Studio® 2010" UpgradeCode="{F15B62A0-4478-4924-876A-867617EC4B8C}" Version="0.9.1.1">
4 <Package Comments="This installer database contains the logic and data required to install TypeScript for Microsoft® Visual Studio® 2010." Compressed="yes" Description="TypeScript for Microsoft® Visual Studio® 2010" InstallerVersion="405" Languages="1033" Manufacturer="Microsoft Corporation" Platform="x86" />
------------------------------------------------------------------------
------------------------------------------------------------------------
15(delete) <CustomAction Id="VS11_CAUpdateConfig" Property="VS11DEVENV" ExeCommand="/updateConfiguration" Return="ignore" Execute="deferred" Impersonate="no" />
16(delete) <CustomAction Id="VWD11_CAUpdateConfig" Property="VWD11EXPRESS" ExeCommand="/updateConfiguration" Return="ignore" Execute="deferred" Impersonate="no" />
------------------------------------------------------------------------
------------------------------------------------------------------------
222 <Directory Id="MSBuild_Microsoft_VisualStudio_11" Name="v11.0">
220 <Directory Id="MSBuild_Microsoft_VisualStudio_11" Name="v10.0">
------------------------------------------------------------------------
------------------------------------------------------------------------
293 <Feature Id="TypeScriptInstallation" Level="1" Title="TypeScript for Microsoft&® Visual Studio® 2012 Setup">
291 <Feature Id="TypeScriptInstallation" Level="1" Title="TypeScript for Microsoft&® Visual Studio® 2010 Setup">
------------------------------------------------------------------------
------------------------------------------------------------------------
427(delete) <Property Id="WixPdbPath" Value="D:
ightly
elease-0.9.1.1srcSetupwixoutsx86retenucookedTypeScript_CORE_net.wixpdb" />
------------------------------------------------------------------------
------------------------------------------------------------------------
663 <ProgressText Action="CAIsVSRunning">Checking if Microsoft® Visual Studio® 2012 is running</ProgressText>
660 <ProgressText Action="CAIsVSRunning">Checking if Microsoft® Visual Studio® 2010 is running</ProgressText>
------------------------------------------------------------------------
------------------------------------------------------------------------
712 <Control Id="VSRunningStatus" Type="Text" X="25" Y="110" Width="320" Height="110" Text="Microsoft® Visual Studio® 2012 is running, It is recommended that you close it before proceeding [ProductName] Setup." TabSkip="yes" />
709 <Control Id="VSRunningStatus" Type="Text" X="25" Y="110" Width="320" Height="110" Text="Microsoft® Visual Studio® 2010 is running, It is recommended that you close it before proceeding [ProductName] Setup." TabSkip="yes" />
------------------------------------------------------------------------
------------------------------------------------------------------------
739(delete) <Control Id="LaunchScreenAgreeLine" Type="Hyperlink" X="25" Y="138" Width="320" Height="14" Text="You must agree to the <a href="[EulaURLName]">License Terms</a> before you can install TypeScript" TabSkip="yes">
740(delete) <Condition Action="hide">Installed</Condition>
741(delete) </Control>
------------------------------------------------------------------------
------------------------------------------------------------------------
799 <Custom Action="WindowsFolder_x86_VC.F9D0B380_EB85_31D4_96AC_C6CB40086A55" Sequence="1" />
793 <Custom Action="WindowsFolder_x86_VC.F9D0B380_EB85_31D4_96AC_C6CB40086A55" Sequence="2" />
------------------------------------------------------------------------
------------------------------------------------------------------------
803(delete) <Custom Action="VS11_CAUpdateConfig" Sequence="6598">VS11DEVENV</Custom>
804(delete) <Custom Action="VWD11_CAUpdateConfig" Sequence="6599">VWD11EXPRESS</Custom>
------------------------------------------------------------------------
------------------------------------------------------------------------
830 <InstallFinalize Sequence="6600" />
822 <InstallFinalize Sequence="6500" />
------------------------------------------------------------------------
------------------------------------------------------------------------
834 <Custom Action="SystemFolder_x86_VC.F9D0B380_EB85_31D4_96AC_C6CB40086A55" Sequence="1" />
826 <Custom Action="SystemFolder_x86_VC.F9D0B380_EB85_31D4_96AC_C6CB40086A55" Sequence="2" />
------------------------------------------------------------------------
------------------------------------------------------------------------
860 <Custom Action="SystemFolder_x86_VC.F9D0B380_EB85_31D4_96AC_C6CB40086A55" Sequence="3" />
852 <Custom Action="SystemFolder_x86_VC.F9D0B380_EB85_31D4_96AC_C6CB40086A55" Sequence="4" />
------------------------------------------------------------------------
------------------------------------------------------------------------
874 <Custom Action="WindowsFolder_x86_VC.F9D0B380_EB85_31D4_96AC_C6CB40086A55" Sequence="3" />
866 <Custom Action="WindowsFolder_x86_VC.F9D0B380_EB85_31D4_96AC_C6CB40086A55" Sequence="4" />
------------------------------------------------------------------------
------------------------------------------------------------------------
889 <Custom Action="WindowsFolder_x86_VC.F9D0B380_EB85_31D4_96AC_C6CB40086A55" Sequence="3" />
881 <Custom Action="WindowsFolder_x86_VC.F9D0B380_EB85_31D4_96AC_C6CB40086A55" Sequence="4" />
------------------------------------------------------------------------
- Execute the command
"%wix%incandle.exe" TypeScript_CORE.wxs - Execute the command
"%wix%inlight.exe" -o TypescriptVista TypeScript_CORE.wixobj - Execute the command
TypeScriptVista.msi /l* log.txt VS11_EXTENSIONS_DIR="%VSDir%ExtensionsMicrosoft" VS11_NEWSCRIPTITEMS_DIR="%VSDir%NewFileItems" VS11DEVENV="%Devenv%"
Config File
Existing projects will need to have the following elements added to the bottom of the project file. Note the elements that have been added prior to the BeforeBuild element.
<PropertyGroup Condition="'$(Configuration)' == 'Debug'">
<TypeScriptTarget>ES3</TypeScriptTarget>
<TypeScriptIncludeComments>true</TypeScriptIncludeComments>
<TypeScriptSourceMap>true</TypeScriptSourceMap>
</PropertyGroup>
<PropertyGroup Condition="'$(Configuration)' == 'Release'">
<TypeScriptTarget>ES3</TypeScriptTarget>
<TypeScriptIncludeComments>false</TypeScriptIncludeComments>
<TypeScriptSourceMap>false</TypeScriptSourceMap>
</PropertyGroup>
<Import Project="$(MSBuildExtensionsPath32)MicrosoftVisualStudiov$(VisualStudioVersion)TypeScriptMicrosoft.TypeScript.targets" />
<!-- To modify your build process, add your task inside one of the targets below and uncomment it.
Other similar extension points exist, see Microsoft.Common.targets.
<Target Name="BeforeBuild">
</Target>
<Target Name="AfterBuild">
</Target>-->
Misc
Uninstalling may need to be done twice before TypeScript no longer appears in the Programs and Features list. After uninstalling the first time, refresh the application list by hitting F5. Some files may still be present after uninstallation.
There are additional custom properties for debugger paths in the TypeScript_CORE.msi. I am assuming at this point that VS 2010 is not compatible with script debugging back to a different source file. However, someone else may wish to try to get this working. The other custom property names are: VS11_DEBUGGER_DIR, VS11_DEBUGGER_X64_DIR, and VS11_REMOTEDEBUGGER_DIR
There are additional custom properties to enable install with one or both of visual web developer or visual web developer express. I do not have the ability to test an install with these products. The custom properties in the TypeScript_CORE.msi file related to this install are: VWD11_EXTENSIONS_DIR, VWDExpress11, and VWD11_NEWSCRIPTITEMS_DIR
Functionality
- The new project type and item type are available.
- TextEditorTypeScript section under the ToolsOptions menu.
- Intellisense editing of .ts files.
- .js files are built on build or on save (when build on save has been set in the text editor options).
- The .js file appears as a child of the .ts file in the solution explorer but is saved in the same path as the .ts file. (v 0.9.1.1 does not include the .js file in the project by default)
- .ts files are not included when publishing, just the .js files.
- .ts files have their own icon and are associated with visual studio.
Revision History
- Update for TypeScript version 0.9.1.1
- Updated for TypeScript version 0.8.3.1
- Fixed missing instruction to copy MSBUILD directory for 0.8.3
Screenshots
这篇关于如何使用 Visual Studio 2010 安装 TypeScript的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
