搭建vue环境

首先安装node,现在稳定版本是6点几,用这个就行,千万别手贱给搞到7了,不然出现一些神奇的事情,可已把你折腾的精神奔溃,一般node版本在4.2——6点几就行了。安装node,网上直接下载,安装就OK了,然后在cmd黑窗口输入

node  -v
能输出版本号,证明安装成功了。

node安装成功之后会附带安装npm的,npm的版本尽量保持在3点几以上,npm版本太低,可以通过在cmd黑窗口输入以下命令进行升级

npm update npm -g
当网络环境不是非常好的情况下,使用npm的时候,各种莫名其妙的事情都会出现,这个时候你就该使用npm的淘宝镜像cnpm了, 请在cmd中输入下面命令安装cnpm

npm install -g cnpm –registry=https://registry.npm.taobao.org
无论npm可以不可以正常使用,建议都要将cnpm安装上。

PS:下边的命令行,可以将npm换成cnpm都可以。

全局安装vue-cli(脚手架)

npm install -g vue-cli
全局安装webpack

npm install  -g webpack
使用vue-cli脚手架创建一个vue项目,请cmd进入你电脑的经常放代码磁盘,例如F盘
然后运行命令,这里的my-project只是你创建的项目文件夹名称

vue init webpack my-project
这个命令有可能会出现一些对话,以及一些选项,一步一步来不要慌张。

步骤走完之后,会出现下边信息


这三个步骤走完之后,在浏览器会打开这个页

完成!











评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值