直接在 Windows 上安装 Vue.js

mind

直接在 Windows 上安装 Vue.js


直接在 Windows 上安装 Vue.js

• 项目
• 2022/04/03
• 4 个参与者
  

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

Vue 可以直接安装在 Windows 或适用于 Linux 的 Windows 子系统 (WSL) 上。 如果你计划与 NodeJS 后端交互，想要与 Linux 生产服务器等效，或者打算遵循使用 Bash 命令的教程，我们通常建议你在 WSL 上安装 Vue。 有关详细信息，请参阅应在 Windows 还是在适用于 Linux 的 Windows 子系统上安装？。

必备条件

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

安装 Vue.js

安装 Vue.js：

• 打开命令行（如 Windows 命令提示符或 PowerShell）。
• 创建新项目文件夹 mkdir VueProjects 并输入以下目录：cd VueProjects。
• 使用 Node 包管理器 (npm) 安装 Vue.js：
  
  

复制

使用命令 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 标志进行全局安装：

复制

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

其他资源

• Vue 文档
• Vue.js 概述
• 应在 Windows 还是在适用于 Linux 的 Windows 子系统 (WSL) 上安装？
• 在 WSL 上安装 Vue.js
• 安装 Nuxt.js
• Microsoft Learn 在线课程：开始使用 Vue.js
• 试用 VS Code 的 Vue 教程
  

---

建议的内容

• 在 Windows 上安装 React
  [size=0.875]在 Windows 10 上安装 React 开发环境。
• 在 Windows 上安装 Next.js
  [size=0.875]本指南帮助你在适用于 Linux 的 Windows 子系统上开始使用 Next.js Web 框架。
• Windows 上适用于 Android 开发的 React Native
  [size=0.875]开始使用 Windows 上的 React Native 开发 Android 应用。
• Vue 初学者教程
  [size=0.875]本指南可帮助初学者开始在 Windows 上进行 Vue.js 开发。
• 教程：Windows 上的 Node.js（初学者）
  [size=0.875]本指南可帮助初学者开始在 Windows 上进行 Node.js 开发。
• 在本机 Windows 上设置 NodeJS
  [size=0.875]本指南可帮助你直接在 Windows 上设置 Node.js 开发环境。
• Windows 上的 React
  [size=0.875]本指南帮助你在 Windows 上设置 React JavaScript 开发环境。
• 创建 Node.js 和 React 应用 - Visual Studio (Windows)
  [size=0.875]了解如何从 Visual Studio 模板创建 Node.js Web 应用程序项目。
  
  

参考：
      1. 官方文档：https://vuejs.org/guide/quick-start.html


      2. Windows安装vue环境