帮助你在 Windows 上设置 Vue.js 开发环境的指南。 在 Vue.js 概述 页上了解详细信息。
Vue 可以直接安装在 Windows 或适用于 Linux 的 Windows 子系统(WSL)上。 如果计划与 NodeJS 后端交互、想要与 Linux 生产服务器奇偶校验,或计划遵循使用 Bash 命令的教程,通常 建议在 WSL 上安装 Vue。 你可能还希望将 Vite 视为 Vue.js的替代方法。
先决条件
- 在 Windows 上安装 Node.js:这包括版本管理器、包管理器和 Visual Studio Code。 节点包管理器 (npm) 用于安装 Vue.js。
安装 Vue.js
安装 Vue.js:
打开命令行(即Windows 命令提示符或 PowerShell。
创建新的项目文件夹:
mkdir VueProjects
并输入该目录:cd VueProjects
。使用节点包管理器安装 Vue.js(npm):
npm install vue
请使用命令 vue --version
来检查你已安装的版本号。
注释
若要使用 CDN 而不是 NPM 安装 Vue.js,请参阅 Vue.js 安装文档。有关 不同 Vue 版本的说明,请参阅 Vue 文档。
安装 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 插件 。
其他资源
- Vue 文档
- Vue.js 概述
- 在 WSL 上安装 Vue.js
- 安装 Nuxt.js
- 使用 Vue.js 学习路径执行第一步
- 试用 Vue 教程,搭配 VS Code