vue.cli安装过程

249 阅读1分钟

一、 下载node.js

官网下载node.js nodejs.org/en/ 本人安装路径 D:\nodejs\

二、 全局配置

nodejs自带npm,命令行输入

npm -v

显示版本号表示安装成功

命令行分别输入以下代码

npm config set prefix "D:\nodejs\node_global"

npm config set cache "D:\nodejs\node_cache"

在这里插入图片描述 会在安装目录下多出两个文件夹

三、 配置淘宝镜像cnpm(非必需)

命令行输入

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装完D:\nodejs\node_global目录下显示有cnpm 在这里插入图片描述 安装完成后添加环境变量 右击此电脑-->属性->高级系统设置->高级->环境变量->(系统变量,即下面的一栏中)找到path编辑->新建 D:\nodejs\node_global 命令行输入

cnpm -v

显示版本号即安装成功

配置完cnpm后,之后有npm时都可改为cnpm使用淘宝镜像

四、 安装vue.cli

进入vue官网cli.vuejs.org/zh/guide/in… 按官网用npm安装 (每个版本安装方式不同,以官网为准) 命令行输入,安装最新版本

npm install -g @vue/cli

或指定版本

npm install -g @vue/cli@版本号

五、 创建项目

进入vue官网cli.vuejs.org/zh/guide/cr… 每个版本创建方式不同,以官网文档为准