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/cli
7、创建并运行 vue 项目
- 在要创建工程的目录下输入 :
vue create helloworld
- 按照提示进入工程目录:
cd helloworld
- 按照提示运行项目:
cnpm run serve