VUE ---- Windows7环境下安装

VUE ---- Windows7环境下安装

一、检查Nodejs版本

最新的Nodejs版本需要系统环境为Windows8以上，所以我们安装的时候需要选择相对较低的版本。Windows7支持最高版本的Nodejs为Nodejs@13.14.0以下，此版本以上就要求Windows8以上的系统。

由于脚手架工具Vue-cli官方对于Nodejs的版本要求为v8.9 或更高版本 (推荐 v10 以上)，所以我们先自查一下系统上的Nodejs版本。

node -v

这里安装的版本是@13.9.0 。这里也建议Windows7系统的用户们升级到@13版本，版本太低对于很多东西都不支持，那就会很难受。如果对Nodejs版本升级有问题的，可以查看我的另一篇文章——Nodejs升级到指定版本。

二、安装Vue脚手架Vue-cli

由于安装速度的问题，用户们可以自行选择是否使用NPM的国内淘宝镜像，配置方法在这：NPM配置CNPM源。

上面这个截图是官方最新的说明，Vue-cli官方说明在版本@3之前，脚手架的名称为vue-cli。版本@3开始，脚手架的名称为@vue/cli。

首先我们知道，Vue-cli脚手架每个版本都会配备一些适合当前版本的工具，例如Vue，Webpack，TypeScript和Jest等。如果我们选择安装@vue/cli脚手架，默认安装的是最新版本。然而当我们在使用脚手架的时候，脚手架会提示我们一些意想不到的warning：

这里提示了：你使用的Nodejs版本已经EOL，即当前我们系统所搭载的Nodejs版本已经不在官方的维护生命周期内，如果后续出现什么安全问题或者 Bug 也是没人在修复的。

但这只是一个警告，我们仍然可以毫不care的继续使用@vue/cli版本下的脚手架。但是每次使用脚手架都提示这个警告，本强迫症晚期患者是绝对不允许这种警告的存在的，所以建议的还是选择最合理的方案。

因此，考虑到Windows7系统带动的Nodejs版本不够高，安装最新的vue脚手架工具可能会出现一些潜在的问题导致我们开发过程中出现不必要的麻烦。所以针对Windows7系统我们选择较为稳妥的版本（vue-cli）进行安装。当然了，你也可以选择升级Windows系统或者换一台机器来解决这个问题，到时候你想安装什么版本就安装什么版本！

Vue-cli3.0以下版本安装方法：
npm install vue-cli（自动安装，默认为2.9.6版本）
npm install vue-cli@2.9.6 （指定版本安装【指定版本为3.0以下版本】，其中2.9.6为版本号）
Vue-cli3.0以上版本安装方法：
npm install -g @vue/cli （安装的是最新版）
npm install -g @vue/cli@3.11.0（指定版本安装【指定版本为3.0以上版本】，其中3.11.0为版本号）

执行命令安装vue-cli且通过vue --version检查脚手架版本版本：

npm install -g vue-cli
vue --version

另外，脚手架vue-cli@4.5以下搭载的是Vue2.0，vue-cli@4.5以上以及最新版本搭载的是Vue3.0。

当然，你可以选择在较高版本的脚手架工具里面安装Vue2.0，但还是那句话，建议的还是选择官方搭配的最合理的方案。

三、创建项目

tips：创建项目时候的打包工具是可以选择的，默认使用webpack，其他选项请各位看官移步Vue-cli的github。

vue-cli：

vue init webpack yourProjectName

@vue/cli：

vue create yourProjectName