Mac下安装vue

 更新时间:2018年04月11日 10:12:12   作者:前端的搬运工  
本文给大家详细介绍了Mac下安装vue的方法,本文图文并茂给大家介绍的非常详细,需要的朋友可以参考下

前面文章安装了node和cnpm下面就要安装vue这个框架了首先要确保你的node -v

npm -v
cnpm -v

这些环境都已经配置成功了,若没有的话请点击这篇文章查看:node和cnpm安装看着一篇就够了

如果都OK了那下面就进入正题

首先打开终端在里面输入以下内容

sudo cnpm install -g vue-cli

安装成功后输入vue会出现以下内容:

这里写图片描述

在输入vue list查看下:


这里写图片描述

OK当出现这些之后你的全局的vue就安装成功了。

安装webpack模板,并设置工程信息
输入命令 vue init webpack sell
注释:sell是名称,自己可以随意命名

接下来输入项目名称,项目描述,作者,是否安装路由,是否使用后ES检测器,输入 y,需要,是否需要前端测试库n 不需要,完成。

这里写图片描述

然后输入命令cd sell

输入命令sudo cnpm install

这里写图片描述

输入命令sudo cnpm run dev

这里写图片描述

以上就是安装vue的方法到此就安装和创建成功了~~~

相关文章

  • VUE解决图片视频加载缓慢/首屏加载白屏的问题

    VUE解决图片视频加载缓慢/首屏加载白屏的问题

    在 Vue3 项目中,有时候会出现图片视频加载缓慢、首屏加载白屏的问题,所以本文小编就给大家详细介绍一下如何解决图片视频加载缓慢/首屏加载白屏的问题,需要的朋友可以参考下
    2023-07-07
  • vue中虚拟DOM与Diff算法知识精讲

    vue中虚拟DOM与Diff算法知识精讲

    这篇文章主要为大家介绍了vue中虚拟DOM与Diff算法知识的图文精讲,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-04-04
  • Vue 父子组件数据传递的四种方式( inheritAttrs + $attrs + $listeners)

    Vue 父子组件数据传递的四种方式( inheritAttrs + $attrs + $listeners)

    这篇文章主要介绍了Vue 父子组件数据传递的四种方式( inheritAttrs + $attrs + $listeners),需要的朋友可以参考下
    2018-05-05
  • vue el-table实现递归嵌套的示例代码

    vue el-table实现递归嵌套的示例代码

    本文主要介绍了vue el-table实现递归嵌套的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-08-08
  • Vue实现读取本地图片的示例代码

    Vue实现读取本地图片的示例代码

    这篇文章主要为大家详细介绍了如何利用Vue实现读取本地图片的功能,文中的示例代码讲解详细,具有一定的参考价值,需要的小伙伴可以学习一下
    2023-07-07
  • Vue组件实现景深卡片轮播示例

    Vue组件实现景深卡片轮播示例

    这篇文章主要为大家介绍了Vue组件实现景深卡片轮播示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • Vue实现图书管理小案例

    Vue实现图书管理小案例

    这篇文章主要为大家详细介绍了Vue实现图书管理小案例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-12-12
  • Vue实现弹出框点击空白页弹框消失效果

    Vue实现弹出框点击空白页弹框消失效果

    这篇文章主要介绍了VUE实现弹出框点击空白页弹框消失,实现方法可以在Vue中实现弹出框然后通过点击空白页面来让弹窗隐藏,本文通过实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2023-12-12
  • 关于Vue代码可读性的几点建议

    关于Vue代码可读性的几点建议

    凡事有好就又坏,想必大家都知道Vue的作用与优点,但是使用的规程中也总是有很多问题,接下来小编就来向大家讲解使用Vue时应注意的一些问题,希望能帮助到大家
    2021-09-09
  • Vue中插槽slot的使用方法与应用场景详析

    Vue中插槽slot的使用方法与应用场景详析

    这篇文章主要给大家介绍了关于Vue中插槽slot的使用方法与应用场景的相关资料,插槽(Slot)是Vue提出来的一个概念,正如名字一样,插槽用于决定将所携带的内容,插入到指定的某个位置,从而使模板分块,具有模块化的特质和更大的重用性,需要的朋友可以参考下
    2021-06-06

最新评论