vue环境配置 vue-cli脚手架

本文详细介绍Vue环境配置步骤:首先下载并安装Node.js;接着安装全局vue-cli;随后使用vue-cli创建基于webpack模板的新项目;最后启动项目并在浏览器中查看运行效果。

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配置遇到问题的使用者。

 

转载于:https://www.cnblogs.com/lvxisha/p/9452403.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值