在 Git bash 环境下使用 vue-cli(vue 3.0) 工具

[felix-cao]

经历了 249 days of terrible 后，有11个月没有写过技术博文了，本篇也是此事过后的第一篇博文，值得纪念。

在 window 下我经常使用的 bash 工具是 Git bash 和 MobaXterm，但是很遗憾，都不能正常使用最新的 vue cli 工具，即使按照官方文档的方法 winpty vue.cmd create hello-world，也不能　work。ps: vue cli 的github 中有几条类似的 issues 毫无疑问， vue 是一个非常有价值而伟大的前端开源框架，有着非常庞大的用户群体

之前有一篇 Vue 入门 --- 安装与构建 #111

一、熟悉几个 yarn 常用的命令

请参考 常用的 yarn 命令

二、安装最新版的 vue cli 步骤

2.1 我习惯于按照 1.5 修改 yarn 全局安装目录，如果您已经使用 yarn 全局安装了很多工具，就省略此步

yarn config set global-folder "d:\program\yarn\global"

使用 1.4 命令行验证全局安装目录是否修改成功

2.2 yarn 全局安装 vue cli

如果您已经安装了 vue 老版本（如2.9.6），可以升级, 也可以卸载
升级：

yarn global upgrade --latest @vue/cli

卸载：

npm uninstall -g vue-cli
or
yarn global remote vue-cli

安装

yarn global add @vue/cli

安装后使用 vue -V 来验证

这主要是由于 window 的环境变量找不到 vue.cmd 文件的原因导致的， 实际上,安装成功后 vue.cmd 已经在路径
D:\program\yarn\global\node_modules\.bin 下了

三、设置 vue 环境变量

下面就来解决 vue 环境变量的问题，请参考 Linux 环境下 export 设置环境变量 来理解下面的步骤和设置。

vi ~/.bash_profile
# 添加
export PATH="/d/program/yarn/global/node_modules/.bin:$PATH"
# 立即生效
source ~/.bash_profile

至此即可使用 vue 命令行工具了

要将环境变量永久保存到Git Bash环境中，您有两种选择：

• 使用常规 Windows 环境变量。Git-bash shell 导入所有现有的 Windows env 变量。
• 如果您不想污染 Windows 环境，您仍然可以在 .bash_profile 文件中永久设置 env 变量

[felix-cao]

git bash 下使用 wget

下载 wget, 将 wget.exe 拷贝到 C:\Program Files\Git\mingw64\bin\ 下面 即可