直接在 Windows 上安装 Vue.js

本指南帮助你在 Windows 上设置 Vue.js 开发环境。 有关详细信息,请参阅 Vue.js 概述页。

Vue 可以直接安装在 Windows 或适用于 Linux 的 Windows 子系统 (WSL) 上。 如果你计划与 NodeJS 后端交互,想要与 Linux 生产服务器等效,或者打算遵循使用 Bash 命令的教程,我们通常建议你在 WSL 上安装 Vue。 你可能还希望将 Vite 视为 Vue.js 的替代方法。

先决条件

  • 在 Windows 上安装 Node.js:这包括版本管理器、包管理器和 Visual Studio Code。 使用 Node 包管理器 (npm) 安装 Vue.js。

安装 Vue.js

安装 Vue.js:

  1. 打开命令行(如 Windows 命令提示符或 PowerShell)。

  2. 创建新项目文件夹 mkdir VueProjects 并输入以下目录:cd VueProjects

  3. 使用 Node 包管理器 (npm) 安装 Vue.js:

npm install vue

使用命令 vue --version 检查已安装的版本号。

注意

要使用 CDN 而不是 NPM 安装 Vue.js,请参阅 Vue.js 安装文档。请查看 Vue 文档中对不同 Vue 版本的说明

安装 Vue CLI

Vue CLI 是用于在终端/命令行中使用 Vue 的工具包。 通过 Vue CLI,你可以快速创建新项目的基架 (vue create),提供新想法的原型 (vue serve),或使用图形用户界面管理项目 (vue ui)。 Vue CLI 是一个全局安装的 npm 包,为你处理一些复杂的生成问题(如使用 Babel 或 Webpack)。 如果不打算生成新的单页应用,则可能不需要 Vue CLI。

要安装 Vue CLI,请使用 npm。 为了升级 (vue upgrade --next),必须使用 -g 标志进行全局安装:

npm install -g @vue/cli

有关可添加的其他插件的详细信息(如用于集成 GraphQL 的 Linting 或 Apollo),请访问 Vue CLI 文档中的 Vue CLI 插件

其他资源