- 加入我的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来开发前端程序了。