搭建vue开发环境

 更新时间:2018年07月19日 14:47:16   作者:橙子不是orange  
这篇文章主要介绍了搭建vue开发环境的方法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

搭建vue的开发环境:

1、必须要安装nodejs

2、搭建vue的开发环境 ,安装vue的脚手架工具 官方命令行工具

npm install --global vue-cli / cnpm install --global vue-cli ( 此命令只需要执行一次 )

 

3、创建项目     必须cd到对应的放项目的文件夹里,例如项目放vue文件夹里,则cd vue,然后再进行下面的命令(vue-demo01为项目名)

vue init webpack vue-demo01
cd vue-demo01
cnpm install / npm install  如果创建项目的时候没有报错,这一步可以省略。

如果报错了 cd到项目里面运行 cnpm install / npm install

npm run dev

4、另一种创建项目的方式 (推荐) (vuedemo02为项目名)

vue init webpack-simple vuedemo02
cd vuedemo02
cnpm install / npm install
npm run dev

总结

以上所述是小编给大家介绍的搭建vue开发环境,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • vue如何进行动画的封装

    vue如何进行动画的封装

    这篇文章主要介绍了vue如何进行动画的封装,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-09-09
  • Vue+Node实现大文件上传和断点续传

    Vue+Node实现大文件上传和断点续传

    文件上传在很多项目中都用的到,如果是几M的很快就传送完毕,如果是大文件呢?本文将利用Vue+Node实现大文件上传和断点续传,感兴趣的可以了解一下
    2022-04-04
  • 详解用webpack2.0构建vue2.0超详细精简版

    详解用webpack2.0构建vue2.0超详细精简版

    本篇文章主要介绍了详解用webpack2.0构建vue2.0超详细精简版,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04
  • vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理

    vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理

    这篇文章主要介绍了vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理,需要的朋友可以参考下
    2017-03-03
  • 使用vue-cli3新建一个项目并写好基本配置(推荐)

    使用vue-cli3新建一个项目并写好基本配置(推荐)

    这篇文章主要介绍了使用vue-cli3新建一个项目并写好基本配置的实例代码,代码简单易懂,非常不错,具有一定的参考借鉴价值 ,需要的朋友可以参考下
    2019-04-04
  • vue点击单张图片放大实现步骤(纯js)

    vue点击单张图片放大实现步骤(纯js)

    这篇文章主要给大家介绍了关于vue点击单张图片放大实现的相关资料,在vue项目中实现点击图片放大功能相信对大家来说都不陌生,文中给出了详细的js示例代码,需要的朋友可以参考下
    2023-07-07
  • Vue2中easyplayer的使用教程详解

    Vue2中easyplayer的使用教程详解

    EasyPlayer.js是集播放http-flv, hls, websocket 于一身的H5视频直播/视频点播播放器, 使用简单, 功能强大,下面大家就跟随小编一起学习一下它的具体使用吧
    2023-08-08
  • vue3中使用Apache ECharts的详细方法

    vue3中使用Apache ECharts的详细方法

    最近在做一些数据透析的项目需要用到报表图,那么报表图好用的有老牌的ECharts,比较新意的AntV,思前马后的想了一下还是用了Echarts,这篇文章主要介绍了vue3中使用Apache ECharts,需要的朋友可以参考下
    2022-11-11
  • vue如何给组件动态绑定不同的事件

    vue如何给组件动态绑定不同的事件

    这篇文章主要介绍了vue如何给组件动态绑定不同的事件,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-10-10
  • Vue3 + elementplus实现表单验证+上传图片+ 防止表单重复提交功能

    Vue3 + elementplus实现表单验证+上传图片+ 防止表单重复提交功能

    这篇文章主要介绍了Vue3 + elementplus 表单验证+上传图片+ 防止表单重复提交,本文给大家展示效果图和完整代码,代码简单易懂,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-10-10

最新评论