📜  Vue.js |介绍与安装

📅  最后修改于: 2022-05-13 01:56:23.170000             🧑  作者: Mango

Vue.js |介绍与安装

VueJS 是最好的 JavaScript 框架之一,比如 ReactJS。 VueJS 用于设计用户界面层,任何开发人员都很容易上手。它也与其他库和扩展兼容。如果你想创建一个单页应用程序,那么我认为 VueJS 是首选。在开发领域,可能有很多问题是使用单个库无法解决的,所以 VueJS 与其他库兼容,因此您可以轻松实现。所有流行的浏览器都支持 VueJS,例如 Chrome、Firefox、IE、Safari 等。您可以轻松地将这个库与您喜欢的库进行比较。

  • ReactJS 和 Vue.js 的区别
  • VueJS 和 AngularJS 的区别

VueJS 的安装: VueJs 可以以三种不同的方式使用,如下所列:

  • 直接包含 CDN 文件。
  • 通过 npm 安装。
  • 通过 CLI 使用 VueJS

直接包含 CDN 文件:您需要下载 VueJS开发版生产版,然后将其包含在脚本标签中。
CDN:

  1. 出于学习目的,您可以使用以下脚本(带有特定版本):
  2. 出于生产目的,您可以使用以下脚本:
  3. 对于兼容 ES 模块,请使用以下脚本:

通过 npm 安装:在应用此过程之前,您必须已安装 npm,以检查 npm 已安装或未运行以下命令:

npm -v

如果没有,您可以通过 node.js 安装程序安装它:

  1. 在 Windows 上安装 Node.js
  2. 在 Linux 上安装 Node.js

现在您已准备好安装 VueJS,为此运行以下命令。它将安装最新的稳定版本的 VueJS。

npm install vue

通过 CLI 使用 VueJS:打开终端或命令提示符并运行以下命令。

npm install --global vue-cli

让我们通过 webpack 创建一个项目:

  • 第 1 步:运行以下命令以创建项目。
vue init webpack myproject

  • 第 2 步:现在使用以下命令进入 myproject 文件夹。
cd myproject
  • 第 3 步:运行以下命令以在本地运行您的项目。
npm run dev