如何在不知道的情况下在 Web 项目中使用 npm 模块 node.js

How to use npm module in a web project without know node.js

我是 ASP.Net 开发人员,不熟悉 node.js。

我发现以下 npm 模块是一个非常好的日期选择器,我想使用它:

Persian Date & Time Picker For Vue.js

如何制作一个简单的 .js 文件以包含在我的 html 文件中并使用此日期选择器而无需像我时那样经过 node.js使用 bootstrap?

我在做项目,我现在无法学习node.js。

只包含一个 .js 文件

您可以使用browserify的CDN之类的工具将文件转换为.js文件并得到:

https://wzrd.in/standalone/vue-persian-datetime-picker@latest

然后您可以将其包含在脚本标记中:

<script src='https://wzrd.in/standalone/vue-persian-datetime-picker@latest'></script>

这将定义您可以使用的 window.vuePersianDatetimePicker 属性。

应该做什么

您不需要 知道 Node.js 或在后端使用它来使用前端 NPM 组件。知道有帮助,但不是必须的。

注意Vue CLI等相关工具都是Node程序

Node 并不可怕(承诺),它并不容易并且需要时间来学会很好地使用 - 但作为同时使用 Node.js 和 ASP.net 的人,很多概念映射得很好.

你会:

从 CLI 使用 Vue

如果没有安装,请参阅 installing the CLI

vue create my-project

这意味着您从 CLI 初始化 vue(或手动设置 - 这需要学习 webpack)。

实际上 - 几乎没有人将 Vue 作为 <script> 标签包含在内,因为无论如何你都需要很多周围的代码(比如将所有文件放入一个文件 - 捆绑)。

安装模块

NPM 是 JavaScript 世界的 NuGet - 它也大得多。

npm install vue-persian-datetime-picker --save

在您的代码中导入它

import VuePersianDatetimePicker from 'vue-persian-datetime-picker'

在这里,我们 npm install 编辑了模块意味着我们可以 import 它。