VSCode使用命令创建vue项目

全局安装@vue/cli

首先确保电脑里已经安装了node(安装node时会自动安装npm)
npm install -g @vue/cli

直接使用以上命令安装可能造成node版本与@vue/cli版本不兼容的问题,如下:
在这里插入图片描述
安装时忽略这个问题的话,下一步使用vue创建项目的时候会报错:
You are using Node v13.10.1, but this version of @vue/cli requires Node ^12.0.0 || >= 14.0.0.

解决方法
1. 切换node的版本
查看当前电脑下安装的node版本:nvm list
切换node版本:nvm use 版本号

切换node版本这个并不适用于所有情况,大多数的情况都是固定了node的版本不能修改

2. 安装@vue/cli时指定版本
npm install -g @vue/cli@5.0.8

node与@vue/cli对应相兼容的版本博主也在搜寻中,会持续更新
路过的大佬有资源可以在评论区交流一下

使用命令创建vue项目

vue create 项目名

在这里插入图片描述

以上仅仅是博主自己的选择,也可以选择其他的功能。

运行vue项目
npm run serve

在这里插入图片描述

总结

1. 全局安装: npm install -g @vue/cli@版本号

安装后查看vue版本 : vue -V 或vue --version

2. 创建vue项目: vue create 项目名
3. 运行: npm run serve

在这里插入图片描述

补充:

创建vue项目时出现以下报错:
在这里插入图片描述
解决方法:
第一步:在左下角搜索框搜索powerShell并以管理员身份运行
在这里插入图片描述
第二步:输入以下内容后输入Y更改执行策略

set-ExecutionPolicy RemoteSigned

在这里插入图片描述

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值