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