- 加入我的QQ群
- 关注我的百家号
扫描下面的二维码，“关注”我的百家号。
javascript前端框架有很多，如：angular、angularjs、react、vue等。这些前端框架有个共同的特点：单页面框架且基于模块化组件化的开发模式。相对于其它前端框架，vue是国人所开发的，由于小巧、简单、灵活且高效，受到国人的追捧，国内的中小企业用的特别多。本章主要介绍vue.js框架的环境搭建以及如何安装vue.js框架。
第一步：环境搭建。
vue.js框架是基于node.js的，所以，我们首先要在自己的电脑上安装node.js。
node.js下载地址：
https://nodejs.org/en/
安装方法与安装其它windows软件一样，按照提示一步步安装即可。苹果macos系统和linux系统的安装方式可以百度一下，也不难。我平常是用window系统的，所以，这里以windows系统为例了。
第二步：测试node是否安装成功。
安装完nodejs后，我们需要测试一下是否安装成功了。按 win+R组合键打开“运行”，输入“CMD”，打开命令行工具——dos，然后输入命令如下：
npm -v
会显示版本号如下，就表示安装成功：
第三步：安装vue.js框架。
在dos下输入如下命令：
npm install vue-cli --global //安装vue脚手架（命令行工具）
这里的 --global 表示全局安装，即：在电脑上的所有盘中都可以使用vue-cli脚手架工具。
有时，会因为网速问题，使用npm安装会很慢或安装不成功，这时，我们可以使用淘宝镜像来安装vue。
1：淘宝npm镜像地址如下：
http://npm.taobao.org //上面有介绍如何安装cnpm工具
2：安装cnpm工具：
npm install -g cnpm --registry=https://registry.npm.taobao.org
3：使用cnpm工具来安装vue框架：
cnpm install vue-cli --global
第四步：测试vue是否安装成功。
在命令行工具中输入如下命令：
vue --version
这时会显示vue的版本号，如下图：
这样就表示vue已安装成功。我们就可以在自己的电脑上通过vue来开发前端程序了。
