Vue 安装的背景

Vue 作为一个渐进式 JavaScript 框架,其安装和配置过程可能具有一定的复杂性,下面就来说说具体的vue项目环境安装与搭建。

安装 Node.js 和 npm

Vue CLI 需要 Node.js 和 npm(Node Package Manager)作为运行环境。确保安装 Node.js 版本 12 或更高。可以从 Node.js 官网 下载并安装。

选择好自己需要的版本和操作系统

一直点击下一步就好了 选择自己想要的安装位置

安装完成后,在终端或命令行中运行以下命令检查版本:

node -v
npm -v

正确显示版本号就是证明安装成功

全局安装 Vue CLI

使用 npm 全局安装 Vue CLI :

npm install -g @vue/cli

安装可能需要一点时间 如果安装失败 可能需要更换以管理员身份运行cmd命令行,或者等待时间过长可能需要配置镜像源。

安装完成后,检查版本以确保安装成功:

vue --version

创建 Vue 项目

通过以下命令创建一个新的 Vue 项目(你应该将cmd移动到实际的项目存放目录):

vue create project-name

project-name 替换为你的项目名称。

启动开发服务器

进入项目目录并启动开发服务器:

cd project-name
npm run serve

启动后,浏览器会自动打开 http://localhost:8080 或显示本地开发地址。

可选安装 Vue CLI GUI

Vue CLI 提供了图形化界面工具,可通过以下命令启动:

vue ui

该命令会打开浏览器,显示 Vue CLI 图形界面,便于管理项目。

Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐