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的方法到此就安装和创建成功了~~~

相关文章

  • Vue2.0生命周期的理解

    Vue2.0生命周期的理解

    这篇文章主要为大家介绍了Vue2.0生命周期,思考与理解“el被新创建的vm.$el替换”这句话,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-08-08
  • 详解如何使用vue和electron开发一个桌面应用

    详解如何使用vue和electron开发一个桌面应用

    这篇文章主要为大家介绍了详解如何使用vue和electron开发一个桌面应用,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • Vue.js 2.x之组件的定义和注册图文详解

    Vue.js 2.x之组件的定义和注册图文详解

    组件Component是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码,这篇文章主要介绍了Vue.js 2.x:组件的定义和注册,需要的朋友可以参考下
    2018-06-06
  • Vue3中#default=“scope”的使用

    Vue3中#default=“scope”的使用

    在Vue3中,我们经常会遇到需要处理列表渲染的情况,Vue3引入了一种新的语法,即#default=“scope”,本文就来介绍一下Vue3中#default=“scope”的使用,感兴趣的可以了解一下
    2023-10-10
  • vue实现商品多选功能

    vue实现商品多选功能

    这篇文章主要为大家详细介绍了vue实现商品多选功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • 关于vite.config.ts文件的配置方式

    关于vite.config.ts文件的配置方式

    这篇文章主要介绍了关于vite.config.ts文件的配置方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-08-08
  • Vue.js 动态为img的src赋值方法

    Vue.js 动态为img的src赋值方法

    下面小编就为大家分享一篇Vue.js 动态为img的src赋值方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • 详解TypeScript+Vue 插件 vue-class-component的使用总结

    详解TypeScript+Vue 插件 vue-class-component的使用总结

    这篇文章主要介绍了TypeScript+Vue 插件 vue-class-component的使用总结,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-02-02
  • vue中可以绑定多个事件吗

    vue中可以绑定多个事件吗

    这篇文章主要介绍了vue中可以绑定多个事件吗,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-10-10
  • Element中el-table动态合并单元格(span-method方法)

    Element中el-table动态合并单元格(span-method方法)

    本文主要介绍了Element中el-table动态合并单元格(span-method方法),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-05-05

最新评论