安装vue

由于我平时是用mac做开发的，因此先介绍下mac下的环境搭建，稍后再介绍window10下的搭建。如果有些同学使用ubuntu，那么安装过程和mac类似的。

mac环境下的安装教程

  1. 前往Node官网(https://nodejs.org/zh-cn/)下载最新版本，安装即可。最好验证是否安装成功，我们可以在终端输入 node -v ,正常情况会返回node的版本号。同时我们还要验证下npm是否能用，理论上是安装了node就会帮你配置好的，在终端输入 npm -v，正常情况会返回版本号。npm是node的包管理工具。
  2. 通过命令行安装yarn。由于我比较喜欢使用yarn作包管理工具，因此后面的内容基本都是使用yarn的，还是先装一下吧。
npm install -g yarn

yarn和npm都是包管理工具，这里不进行展开对比了，有兴趣可以上网进行查一下。在使用上大同小异。

  1. 安装vue3.0脚手架（不建议安装2.0的脚手架）
yarn global add @vue/cli

同样我们需要验证一下是否安装成功，在命令行输入vue --version，正常情况会返回vue的版本号。到这一步我们其实已经安装完成了，但是为了兼容使用2.x系列的项目模板(后面我会提供2个项目模板供大家学习和使用)，我觉得有必要安装桥接工具，看第4步。

  1. 安装vue-init
    Vue CLI >= 3 和旧版使用了相同的 vue 命令，所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的 vue init 功能，你可以全局安装一个桥接工具：
yarn global add @vue/cli-init

window10环境下的安装教程

  1. 前往Node官网(https://nodejs.org/zh-cn/)下载最新版本，安装即可。安装完成后会自动完成环境变量的配置。如果不放心，在命令行输入 node -v 和 npm -v验证下。
  2. 安装yarn
npm install -g yarn
  1. 安装vue3.0脚手架
yarn global add @vue/cli
  1. 安装vue-init
yarn global add @vue/cli-init

防坑指南：如果你在 Windows 上通过 minTTY 使用 Git Bash，交互提示符并不工作。你必须通过 winpty vue.cmd create hello-world 启动这个命令。不过，如果你仍想使用 vue create hello-world，则可以通过在 ~/.bashrc 文件中添加以下行来为命令添加别名。 alias vue=’winpty vue.cmd’ 你需要重新启动 Git Bash 终端会话以使更新后的 bashrc 文件生效。