Question

我正在尝试开发具有角度的vss Web扩展...

我应该引用一个html文件来创建.vsix文件。

但是在angular中，我们使用 ng serve 然后将页面加载到http://localhost:4200/中，我非常困惑如何上传由angular开发的有效vss-extension。

顺便说一句，我能够成功设计基本的html文件并发布它们而没有任何问题。

您能带我走什么方向吗？

Answer 1

您应该使用 Visual Studio Services Web Extension SDK 。一些步骤供参考：

创建Types.json

代码：

{

  "globalDependencies": {

    "jquery": "registry:dt/jquery#1.10.0+20160929162922",

    "knockout": "registry:dt/knockout#0.0.0+20160914182733", 

    "q": "registry:dt/q#0.0.0+20161004185634",

    "require": "registry:dt/require#2.1.20+20160919185614",

    "tfs": "npm:vss-web-extension-sdk/typings/tfs.d.ts",

    "vss": "npm:vss-web-extension-sdk/typings/vss.d.ts"

  }

}

运行打字安装命令以安装必要的软件包（在“打字”文件夹中）
打开您的打字稿文件和参考（例如///）

例如：

/// <reference path="../typings/index.d.ts" />

import Controls = require("VSS/Controls");

import VSS_Service = require("VSS/Service");

import TFS_Build_Contracts = require("TFS/Build/Contracts");

import TFS_Build_Extension_Contracts = require("TFS/Build/ExtensionContracts");

创建tsconfig.json

代码：

{

  "compilerOptions": {

    "module": "amd",

    "target": "ES5",

    "outDir": "dist/",

    "rootDir": "enhancer/",

    "moduleResolution": "node"

  },

  "files": [

    "[your ts file]"

   ]

}

运行tsc命令

您可以检查这些文件vss-web-extension-sdk \ typings \ vss.d.ts，tfs.d.ts，rmo.d.ts中的模块（例如VSS /控件）。

还请看一下下面的链接，这些链接可能会有所帮助：

部署角度项目

1 个答案: