vue-cli的安装步骤
约 467 字大约 2 分钟
2025-08-01
1、安装 Node.js
- 在 Node.js 官网 https://nodejs.org/zh-cn/ 下载安装包,修改安装路径到其它盘,如
G:\Program Files - 安装完以后检查下安装是否成功: node -v
2、设置 npm 的全局下载路径和缓存路径
npm(node package manager):nodejs 的包管理器,用于 node 插件管理(包括安装、卸载、管理依赖等)
新建目录
在安装目录 G:\Program Files\nodejs 下手动新建 node_cache 和 node_global 文件夹

调整目录
在命令行输入
npm config set prefix "G:\Program Files\nodejs\node_global"
npm config set cache "G:\Program Files\nodejs\node_cache"3、设置环境变量
环境变量 | 系统变量 | Path | 编辑 | 新建 | 复制粘贴 G:\Program Files\nodejs\node_global
4、配置 npm 源
# 查询当前使用的镜像源
npm get registry
# 设置为淘宝镜像源
npm config set registry https://registry.npmmirror.com/
# 还原为官方镜像源
npm config set registry https://registry.npmjs.com/5、安装 cnpm(可选)
npm 安装插件是从国外服务器下载,受网络的影响比较大。
cnpm 是一个完整 npmjs.org 镜像。
npm install -g cnpm --registry=https://registry.npmmirror.com/
查看 cnpm 安装是否成功: cnpm -v

使用 cnpm get registry 查看配置的 cnpm 仓库
cnpm 的安装路径是 G:\Program Files\nodejs\node_global\node_modules\cnpm\bin

6、安装 vue-cli
Vue Cli 官网: https://cli.vuejs.org/zh/guide/installation.html
npm install -g @vue/cli7、创建并运行 vue 项目
- 在要创建工程的目录下输入 :
vue create helloworld - 按照提示进入工程目录:
cd helloworld - 按照提示运行项目:
cnpm run serve


