vue-cli搭建简单demo详细步骤之借助webpack搭建

vue-cli的简单demo安装配置步骤:npm安装、vue-cli安装、建项目、启动服务
1,npm安装
npm安装与cnpm安装

npm install  -g vue-cli

cnpm install  -g vue-cli 

通过npm安装有点慢(毕竟在外国嘛),可以把镜像改为淘宝的:

npm install -gd express --registry=http://registry.npm.taobao.org

cnpm一般是指淘宝团队贡献的(除了名字,一个叫npm、一个叫cnpm,其他一模一样),它安装很快

通过cnpm下载需要先安装cnpm:

npm install -g cnpm  --registry=http://registry.npm.taobao.org

2,vue-cli2安装

cnpm install -g vue-cli

安装时router、ESL选项选为yes,其余一路选择默认方式

注意安装完成后,查看版本为:vue -V(大写的v)

3,建项目
有了npm、vue-cli就可以建vue-cli项目了
手动写vue-cli的项目也很复杂,新手可以借助webpack(相当于vue-cli的一个模板)快速开发

vue init webpack test

4,启动服务
其实就是启动node,node扮演的就是后端的服务
好了,完成了

将vue-cli项目导入方法:
首先要有vue-cli、npm
cmd切换到需要导入的项目
npm install (安装相关的依赖)
npm run dev

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

希境

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值