安装vue-cli出现的错误并用其创建项目

1.安装过程中出现的错误:
在这里插入图片描述
解决办法:在安装node.js的文件夹中,找到node_cache(node缓存文件夹)跟node_global(全局安装是安装在node_global目录下的)两个文件夹下的内容全部删除
再次执行 npm i -g @vue/cli 就可以了
在这里插入图片描述
输入vue -V,出现如下结果说明安装成功。
在这里插入图片描述
2.用vue-cli创建一个项目。
(1)首先找到想要创建项目的文件目录,点击空白处,输入cmd
在这里插入图片描述
(2)在跳出的控制台上输入vue create demo-first(文件名字),敲回车
(3)初学者选第三个,自己手动选择要安装那些功能。
在这里插入图片描述
(4)按上下键选择,选中的话按“空格”键选中或者撤销。
在这里插入图片描述
(5)在这里插入图片描述
(6)红线表示把Babel,ESlint等插件的配置项,放到自己独立的配置文件中。在这里插入图片描述
(7)再创建过程中,如果不小心点中屏幕任意的位置,项目的创建就会自动停止,这时候要“轻点屏幕任意一个位置,然后按下Ctrl+C,项目就会接着运行”。
在这里插入图片描述

出现的错误提示:
在这里插入图片描述
上述错误会使创建的项目打开变成这个样子。

解决办法:终端配置自己的git用户名和邮箱

git config --global user.name “myb”
git config --global user.email “email”

(这里的myb是你想要输入的用户名,email是你想要设定的邮箱)

配置好之后可以通过在终端输入查看自己的用户名和邮件

git config user.name
git config user.email
在这里插入图片描述
配置完git的用户名和邮箱后,然后重新创建一个项目。
在这里插入图片描述
在这里插入图片描述
打开vscode一切正常。
在这里插入图片描述

(8)在屏幕输入cd demo-first
npm run serve
出现如下结果:
在这里插入图片描述
在浏览器输入:http://localhost:8080/
在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值