• wordpress CMS主题:ssmay主题wordpress CMS主题:ssmay主题
  • 首页 > vue开发 > vue开发教程01:vue.js框架的环境搭建与安装

    vue开发教程01:vue.js框架的环境搭建与安装

    作者: 分类:vue开发 点击: 145 次
    wordpress CMS主题:ssmay主题

      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开发教程01:vue.js框架的环境搭建与安装

      第三步:安装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开发教程01:vue.js框架的环境搭建与安装

      这样就表示vue已安装成功。我们就可以在自己的电脑上通过vue来开发前端程序了。

       



      QQ二维码

    文章作者:honor
    本文地址:http://wanlimm.com/77201809186925.html
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    上一篇:
    下一篇:
    wordpress CMS主题:ssmay主题

    或许你会感兴趣的文章:

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注

    This site uses Akismet to reduce spam. Learn how your comment data is processed.