vue-cli搭建

1.在控制台安装 node和npm

之前已经安装好
在控制台输入查看版本

node -v
npm -v

2.安装vue-cli

npm -install -g @vue/cli

出现了错误

npm ERR! request to https://registry.cnpmjs.org/@vue%2fcli failed, reason: Hostname/IP doesn't match certificate's altnames: "Host: registry.cnpmjs.org. is not in the cert's altnames: DNS:r.cnpmjs.org"

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\asus\AppData\Roaming\npm-cache\_logs\2020-09-28T11_02_23_860Z-debug.log

百度后发现是证书不匹配
于是需要配置更换npm的镜像地址

npm config set registry https://registry.npm.taobao.org

成功解决问题
然后继续输入

C:\Users\asus>npm install vue-cli -g
npm WARN deprecated vue-cli@2.9.6: This package has been deprecated in favour of @vue/cli
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
npm WARN deprecated har-validator@5.1.5: this
C:\Users\asus\AppData\Roaming\npm\vue -> C:\Users\asus\AppData\Roaming\npm\node_modules\vue-cli\bin\vue
C:\Users\asus\AppData\Roaming\npm\vue-init -> C:\Users\asus\AppData\Roaming\npm\node_modules\vue-cli\bin\vue-init
C:\Users\asus\AppData\Roaming\npm\vue-list -> C:\Users\asus\AppData\Roaming\npm\node_modules\vue-cli\bin\vue-list
+ vue-cli@2.9.6
added 236 packages from 204 contributors in 51.75s

成功安装

创建vue-cli

在编译器终端输入

create vue 项目名

创建项目，发现是cli2 需要先卸载再升级
输入指令

 npm uninstall -g vue-cli
 npm install -g @vue/cli

显示如下内容表示升级成功
重新输入

create vue 项目名

后面发现提示node和npm版本过低各种百度升级了一波
在升级到稳定版的时候

发现n模块是不支持window系统，window系统升级node就只有到node官网下载window安装包来覆盖之前的node。
踩的坑如下
链接: https://blog.csdn.net/guzhao593/article/details/81712016