当前位置: 首页 > Web前端 > vue.js

解决vue-cli@3.xx安装不成功的问题并构建ts-vue项目

时间:2023-04-01 00:50:28 vue.js

今天尝试安装vue-cli@3.xx,多次失败。最后,我访问了vue-cli的官方安装指南网站https://cli.vuejs.org/zh/guid...尝试找出一些原因。根据描述看了一下我本地的node版本。首先,之前用过nvm管理工具,但是有一段时间node的安装不太顺利,所以很少关注。为了保险起见,今天又安装了一遍。//安装nvmcurl-o-https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.2/install.sh|bash,发现控制台中nvm命令无效。zsh:commandnotfound:nvm我认为这是因为我后来安装了控制台的相关工具。然后在网上找了一些方法,尝试实现了下面的方法,是可行的。解决zsh:commandnotfound:nvmexportNVM_DIR="/Users/yourhost/.nvm"[-s"$NVM_DIR/nvm.sh"]&&问题。"$NVM_DIR/nvm.sh"#这会加载nvm然后我检查了我当前的ndoe版本,只有v8.9.1。很可能是因为节点版本太低。之后我安装了一个稍微高一点的版本。nvminstallv11.0.0查看当前节点版本号。再次尝试安装@vue/clinpmi-g@vue/cli这次没有报错。查看vue版本就可以了。vue--version然后尝试打开vueui并创建一个项目。在控制台输入vueui,然后浏览器会自动打开vue项目管理器的页面,然后就可以在上面创建项目了。使用这个@vue/cli可以在vueui中快速搭建一个ts相关的项目。创建成功后,页面如下所示: