Vue cli创建项目时键盘操作无效(箭头移动失效、交互提示符失效)

git bash 使用 vue create demo 创建新项目时,键盘方向键失效,无法选中对应的选项(交互提示符不工作),问题状态如下图所示。文中给出四种解决方案,供各位参考。

Vue cli创建项目时键盘操作无效(箭头移动失效、交互提示符失效)_第1张图片

  • 方案一

使用电脑自带的 cmd 运行 vue create demo,这个方式,我个人并不喜欢,各位自行取舍。

Vue cli创建项目时键盘操作无效(箭头移动失效、交互提示符失效)_第2张图片

  • 方案二

git bash 窗口中用 winpty vue.cmd create demo 命令创建项目。只是换了个创建命令而已。

Vue cli创建项目时键盘操作无效(箭头移动失效、交互提示符失效)_第3张图片

  • 方案三

如果你还是想用 vue create demo 命令来创建项目的话,那么可以依次运行如下两个命令

alias vue='winpty vue.cmd'

vue create demo

Vue cli创建项目时键盘操作无效(箭头移动失效、交互提示符失效)_第4张图片

【注意】 这种方式操作,在下一次打开 git bash 窗口的时候,直接使用 vue create demo 创建项目,键盘方向键依然是无效的,如果想要一劳永逸,请看方案四!!!

  • 方案四

执行以下命令,在文件中创建命令别名。这种方式可以完美解决方案三的不足。

1.执行 ls ~/.bash_profile 命令查看是否存在 .bash_profile 文件,如果存在,则在该文件中添加 alias vue='winpty vue.cmd';如果这个文件不存在,则进行步骤2;

【注意】 出现如下图所示状况,表示.bash_profile文件不存在
Vue cli创建项目时键盘操作无效(箭头移动失效、交互提示符失效)_第5张图片
2.进入用户目录,依次执行下面两个命令

echo "alias vue='winpty vue.cmd'" >> .bash_profile

source ~/.bash_profile

按1、2两个步骤执行完毕之后,就可以使用 vue create demo 命令来创建新项目了。重启 git bash 后也没有问题哟~

Vue cli创建项目时键盘操作无效(箭头移动失效、交互提示符失效)_第6张图片

Vue官方处理方式:传送到Vue官方

你可能感兴趣的:(vue问题系列,开发工具问题系列,vue.js,前端,git)