vue.cli安装过程笔记

一、 下载node.js

官网下载node.js https://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官网https://cli.vuejs.org/zh/guide/installation.html
按官网用npm安装 （每个版本安装方式不同，以官网为准）
命令行输入，安装最新版本

npm install -g @vue/cli

或指定版本

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

五、 创建项目

进入vue官网https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create
每个版本创建方式不同，以官网文档为准