通过

在适用于 Linux 的 Windows 子系统上安装 Vue.js

一个指南，帮助你通过在适用于 Linux 的 Windows 子系统（WSL）上安装 Vue.js Web 框架，在 Windows 上设置 Vue.js 开发环境。 在 Vue.js 概述 页上了解详细信息。

可以在 Windows 或 WSL 上直接 安装 Vue。 通常，如果您计划与 NodeJS 后端交互、希望与 Linux 生产服务器保持一致，或者计划遵循使用 Bash 命令的教程，我们建议在 WSL 上进行安装。 你可能还希望将 Vite 视为 Vue.js的替代方法。

先决条件

  • 安装适用于 Linux 的 Windows 子系统（WSL），包括 Linux 分发版（如 Ubuntu），并确保它在 WSL 2 模式下运行。 您可以通过打开 PowerShell 并输入 wsl -l -v 来检查这一点。
  • WSL 2上安装 Node.js：这包括版本管理器、包管理器、Visual Studio Code 和远程开发扩展。 节点包管理器 （npm） 用于安装 Vue.js。

重要

使用 WSL 安装 Linux 分发版将创建用于存储文件的目录：\\wsl\Ubuntu-20.04（将 Ubuntu-20.04 替换为正在使用的 Linux 分发版）。 若要在 Windows 文件资源管理器中打开此目录，请打开 WSL 命令行，选择主目录， cd ~然后输入命令 explorer.exe . 不要安装或存储将在装载的 C 驱动器上使用的文件（/mnt/c/Users/yourname$）。 这样做会显著降低安装和生成时间。

安装 Vue.js

若要在 WSL 上安装 Vue.js，

  1. 打开 WSL 命令行（即Ubuntu）。

  2. 创建新的项目文件夹：mkdir VueProjects 并输入该目录：cd VueProjects。

  3. 使用节点包管理器安装 Vue.js（npm）：

npm install vue

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

注释

若要使用 CDN 而不是 NPM 安装 Vue.js，请参阅 Vue.js 安装文档。

安装 Vue CLI

Vue CLI 是一个工具包，用于在终端/命令行中使用 Vue。 它使你能够快速搭建新项目（vue 创建）、原型新想法（vue 服务），或使用图形用户界面（vue ui）管理项目。 Vue CLI 是一个全局安装的 npm 包，旨在为您管理一些构建的复杂性（例如使用 Babel 或 Webpack）。 如果您不在构建新的单页应用，则可能不需要或不想要 Vue CLI。

若要安装 Vue CLI，请使用 npm。 必须使用 -g 标志进行全局安装才能升级（vue upgrade --next）：

npm install -g @vue/cli

若要详细了解可添加的其他插件（例如 linting 或 Apollo 用于集成 GraphQL），请访问 Vue CLI 文档中的 Vue CLI 插件 。

其他资源