一. 問題描述
在創(chuàng)建vue3.0項目時，在建好的文件夾，鼠標(biāo)右鍵 git bash 使用 vue create my-vue3.0創(chuàng)建新項目時，鍵盤方向鍵失效，無法選中對應(yīng)的選項（交互提示符不工作）
解決方案：
- 方案一
使用電腦自帶的 cmd 運(yùn)行 vue create my-vue3.0。
- 方案一
在 git bash 窗口中用 winpty vue.cmd create demo 命令創(chuàng)建項目。只是換了個創(chuàng)建命令而已。
- 方案三
1：右鍵git bash here
2：alias vue=‘winpty vue.cmd’
3：vue create vue3 回車
【注意】2.和3方案，在下一次打開 git bash 窗口的時候，直接使用 vue create demo 創(chuàng)建項目，鍵盤方向鍵依然是無效的 - 方案四
- 在git bash 的安裝目錄，找到bash.bashrc文件
- 打開文件，在最后添加
alias vue=‘winpty vue.cmd’ - 重啟git bash
- 用指令的方式實現(xiàn)方案四
- 在左面右鍵，get bash here，執(zhí)行 ls ~/.bash_profile 命令查看是否存在 .bash_profile 文件，如果存在，則在該文件中添加 alias vue=‘winpty vue.cmd’；如果這個文件不存在，
- 進(jìn)入用戶目錄，用戶目錄cd /c/Users/79940，依次執(zhí)行下面兩個命令
echo "alias vue='winpty vue.cmd'" >> .bash_profile source ~/.bash_profile - 重啟git bash
- 進(jìn)入項目文件夾執(zhí)行vue create vue3.0，箭頭移動永久生效
二. 項目搭建是自定義配置
-
git bash here輸入vue create my-project-vue3.0 回車
注：按空格鍵取消選擇，按a鍵全選，按i鍵反選，按enter鍵繼續(xù)Babel：使用Babel將源碼進(jìn)行轉(zhuǎn)碼（把ES6=>ES5）
TypeScript：使用TypeScript進(jìn)行源碼編寫。使用TypeScript可以編寫強(qiáng)類型JavaScript
Progressive Web App (PWA) Support：使用漸進(jìn)式Web應(yīng)用程序
Router：使用Vue路由
Vuex：使用Vuex狀態(tài)管理器
CSS Pre-processors：CSS 預(yù)處理器（如：less、sass）
Linter / Formatter：使用代碼風(fēng)格檢查和格式化（如：ESlint）
Unit Testing：使用單元測試（unit tests）
E2E Testing：使用E2E（end to end）黑盒測試 -
使用空格進(jìn)項按需選擇，Enter進(jìn)行下一步，選擇項目版本
-
Enter下一步，如圖，是否使用類樣式的組件語法？
-
Enter下一步，如圖，詢問是否使用history路由模式
-
Enter下一步，如圖，選擇一種CSS預(yù)處理器
-
按Enter下一步，選擇代碼格式化檢查工具
ESLint with error prevention only：ESLint只會進(jìn)行錯誤提醒
ESLint + Airbnb config：ESLint Airbnb標(biāo)準(zhǔn)
ESLint + Standard config：ESLint Standard標(biāo)準(zhǔn)
ESLint + Prettier：代碼質(zhì)量檢測+代碼格式化工具 -
Enter下一步進(jìn)行代碼檢查方式的選擇，通過上下選擇，空格選中
Lint on save：保存時檢查
Lint and fix on commit：提交時檢查 -
Enter選擇文件存放方式
In dedicated config files：放到單獨配置文件中
In package.json：放到package.json中 -
Enter下一步設(shè)置是否保存當(dāng)前配置，以后生成新項目時方便快速構(gòu)建
Y：保存，后續(xù)創(chuàng)建新項目可直接使用改配置
N：不保存，需要重新配置 -
配置完成后，開始成Vue3.0項目，等待安裝相關(guān)依賴，完成后如圖：
-
輸入提示命令運(yùn)行項目
文章來源：http://www.zghlxwxcb.cn/news/detail-845130.htmlcd my-project-vue3.0
$ pnpm run serve文章來源地址http://www.zghlxwxcb.cn/news/detail-845130.html
到了這里，關(guān)于Vue cli創(chuàng)建項目時鍵盤操作無效；vue3.0項目搭建自定義配置的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
