vue-cli使用

利用vue-cli快速构建vue单页应用

1.首先电脑上必须已经安装了npm和nodejs

2.在确保电脑已经存在npm和nodejs的情况下,在命令行环境下安装vue-cli

npm install vue-cli
这里最好使用(国内的淘宝镜像)
cnpm install vue-cli

3.初始化项目(这里我选用webpack-simple模式除此之外还有好几个模式可以自行百度)

vue init webpack-simple vueclitest

4.进入到项目文件夹中

5.安装依赖

cnpm install

6.运行项目(这时浏览器自动打项目)

npm run dev

7.如果成功会显示如下界面

img_3d34d64a5e9b6e7408804e482284327e.png
效果图

<h3 style="color:red">注意:在你走到最后一步的时候可能会报如下错误(端口占用),这时你可以打开package.json文件修改里面的端口号</h3>


img_d964e7fc9836f8db5341f66e16a124b4.png
端口占用错误

img_2a922d6297f3ff2aa7bc1c348a46743d.png
修改端口号
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值