首页 > 其他 > 详细

vue环境配置 vue-cli脚手架

时间:2018-08-10 00:04:27      阅读:200      评论:0      收藏:0      [点我收藏+]

vue 环境配置步骤:

技术分享图片

第一步:

在官网下载node,Node  下载地址 http://nodejs.cn/

并安装node。检测node是否安装成功, 按 “windows+r”  进入cmd命令窗 ,在命令窗口输入 node -v   -> ”enter"键   ->输入 npm -v  -> ‘enter‘键
显示如下图:

技术分享图片

第二步

安装全局vue-cli,在cmd中输入 命令  npm install -g vue-cli 

(vue-cli在线文档 : http://github.com/vuejs/vue-cli)

检查vue-cli是否安装成功 在cmd中输入  vue -V 或者 npm install vue -g 

技术分享图片

 

第三步

下载基于webpack模板项目,在cmd中输入  vue init webpack  demo(项目名)

如下图:

技术分享图片

技术分享图片

 

 第四步:

在浏览器中运行输入:http://localhost:8080,如图

 技术分享图片

 vue的环境配置就成功了。希望可以帮助vue配置遇到问题的使用者。

 

vue环境配置 vue-cli脚手架

原文:https://www.cnblogs.com/lvxisha/p/9452403.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!