如何下载和安装Vue.js？·最推荐的方法·最后运行项目

作者：网络发烧程序猿 | 发布时间：2025-06-20 |

如何下载和安装Vue.js？

安装Vue.js有几种不同的方法，下面我将用更口语化的方式介绍： ---

1. 使用Vue CLI（最推荐的方法）

Vue CLI是一个强大的工具，它能帮你快速搭建Vue.js项目，并且内置了很多有用的功能。
  1. 首先，确保你已经安装了Node.js和npm。如果没有，可以到Node.js官网下载并安装。
  2. 接着，安装Vue CLI。在命令行中输入：npm install -g @vue/cli。
  3. 然后，创建一个新的Vue项目。输入：vue create my-project，这里“my-project”是你项目的名字。
  4. 最后，运行项目。进入项目文件夹，输入：npm run serve，然后在浏览器中访问命令行提供的地址，看看你的项目效果如何。
---

2. 通过CDN

如果你只是想快速试用Vue.js，可以不下载安装包，直接从CDN引入。

在HTML文件中添加以下代码：

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
---

3. 通过npm

在命令行中，运行以下命令安装Vue.js到你的项目中： 
npm install vue
然后，在项目中引入Vue： 
<script src="path/to/vue.js"></script>
---

4. 直接下载

从Vue.js官网下载Vue.js的压缩包，解压后在项目中引用。 --- Vue.js的下载和安装有多种选择，你可以根据自己的需要来决定。最常用和推荐的方法是使用Vue CLI，因为它提供了便捷的项目创建和管理工具。其他方法如CDN和直接下载也很方便，适合快速体验或简单项目。