一. 问题描述
在创建vue3.0项目时,在建好的文件夹,鼠标右键 git bash 使用 vue create my-vue3.0创建新项目时,键盘方向键失效,无法选中对应的选项(交互提示符不工作)
解决方案:
- 方案一
使用电脑自带的 cmd 运行 vue create my-vue3.0。
- 方案一
在 git bash 窗口中用 winpty vue.cmd create demo 命令创建项目。只是换了个创建命令而已。
- 方案三
1:右键git bash here
2:alias vue=‘winpty vue.cmd’
3:vue create vue3 回车
【注意】2.和3方案,在下一次打开 git bash 窗口的时候,直接使用 vue create demo 创建项目,键盘方向键依然是无效的 - 方案四
- 在git bash 的安装目录,找到bash.bashrc文件
- 打开文件,在最后添加
alias vue=‘winpty vue.cmd’ - 重启git bash
- 用指令的方式实现方案四
- 在左面右键,get bash here,执行 ls ~/.bash_profile 命令查看是否存在 .bash_profile 文件,如果存在,则在该文件中添加 alias vue=‘winpty vue.cmd’;如果这个文件不存在,
- 进入用户目录,用户目录cd /c/Users/79940,依次执行下面两个命令
echo "alias vue='winpty vue.cmd'" >> .bash_profile source ~/.bash_profile
- 重启git bash
- 进入项目文件夹执行vue create vue3.0,箭头移动永久生效
二. 项目搭建是自定义配置
-
git bash here输入vue create my-project-vue3.0 回车
注:按空格键取消选择,按a键全选,按i键反选,按enter键继续 -
使用空格进项按需选择,Enter进行下一步,选择项目版本
-
Enter下一步,如图,是否使用类样式的组件语法?
-
Enter下一步,如图,询问是否使用history路由模式
-
Enter下一步,如图,选择一种CSS预处理器
-
按Enter下一步,选择代码格式化检查工具
-
Enter下一步进行代码检查方式的选择,通过上下选择,空格选中
-
Enter选择文件存放方式
-
Enter下一步设置是否保存当前配置,以后生成新项目时方便快速构建
-
配置完成后,开始成Vue3.0项目,等待安装相关依赖,完成后如图:
-
输入提示命令运行项目