【问题标题】:How to enable Bower in VS 2017 for Mac?如何在 VS 2017 for Mac 中启用 Bower?
【发布时间】:2019-03-27 14:03:03
【问题描述】:

我正在学习使用 Visual Studio 2017 for Mac 来开发 ASP.NET Core MVC 应用程序。到目前为止一切顺利,但我的问题是我不知道如何处理/管理 JavaScript 库。假设您必须使用 Bower(每个新项目中的 4 个默认依赖项在各自的文件夹中都有一个 .bower.json 文件),但项目中没有 bower.json 文件,老实说我不知道​​从哪里开始。

我假设我应该首先在我的开发机器中安装 Bower,但是如何将它与 VS 中的构建操作集成?我假设在正确的构建中,Bower 应该下载并安装我所有的 JS 依赖项。

我已经搜索过答案,但大多数搜索结果表明 Bower 已被弃用,我应该使用 LibMan,并且没有关于在 macOS 上使用 LibMan 的教程。

【问题讨论】:

    标签: javascript dependencies asp.net-core-mvc visual-studio-mac


    【解决方案1】:

    好的,经过一次又一次的尝试,我终于找到了解决方案。在这里发帖以防其他人有同样的问题。

    两件事:

    • 该解决方案使用 Libman 而不是 Bower。
    • 我想您已经安装了 VS for Mac 和 .NET Core SDK,并且已经创建了一个包含 ASP.NET Core MVC 项目的解决方案。

    执行以下操作:

    1. 在终端中使用以下命令安装 Libman:dotnet tool install -g Microsoft.Web.LibraryManager.Cli
    2. 删除项目中lib/ 文件夹下的所有文件夹。您将让 Libman 管理您的所有 JS 依赖项。
    3. 将 JSON 文件添加到您的项目中。叫它libman.json
    4. 将以下内容添加到libman.json并保存:

      {
          "version": "1.0",
          "defaultProvider": "cdnjs",
          "libraries": [
              {
                  "library": "twitter-bootstrap@3.3.7",
                  "destination": "wwwroot/lib/bootstrap"
              },
              {
                  "library": "jquery@1.12.4",
                  "destination": "wwwroot/lib/jquery"
              },
              {
                  "library": "jquery-validate@1.17.0",
                  "destination": "wwwroot/lib/jquery-validation"
              },
              {
                  "library": "jquery-validation-unobtrusive@3.2.9",
                  "destination": "wwwroot/lib/jquery-validation-unobtrusive"
              }
          ]
      }
      
    5. 转到 Project > [PROJECT_NAME] Options... 然后在 Build > 自定义命令,添加 Before build 命令。命令是/Users/[YOUR_USERNAME]/.dotnet/tools/libman restore,在工作目录字段中,使用宏${ProjectDir}。保存更改。

    现在,每次编译解决方案(或特定项目)时,Libman 都会获取并安装 libman.json 中提到的库。如果文件已经在它们的目的地,Libman 不会做任何事情。如果之前的 Libman 执行下载了这些库,那么它会从其内部缓存中检索它们。

    希望这会有所帮助。

    【讨论】:

    • 你通常会从 git 中排除 /wwwroot/lib/* 吗?
    猜你喜欢
    • 1970-01-01
    • 2019-03-01
    • 1970-01-01
    • 2018-01-27
    • 2017-11-06
    • 2018-01-14
    • 2023-03-19
    • 1970-01-01
    • 2019-12-04
    相关资源
    最近更新 更多