安装 Vue CLI (vue脚手架搭建)
·
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 图形界面,便于管理项目。
更多推荐
所有评论(0)