如何在不知道的情况下在 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
它。
我是 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
它。