Vue学习记录(三)-------- vue-cli新建项目

1、环境搭建

安装node.js
全局安装vue-cli
(以上两步请自行百度……)

2、新建Vue项目

在命令行中输入 vue init webpack study_01 
(其中study_01指的是项目的名称)
点击回车后会出现以下配置信息,可参考图片中的配置进行Vue的相关配置。

在这里插入图片描述

项目创建后的截图如下所示

在这里插入图片描述

在命令行中输入,cd study_01,进入到新建的项目文件中,然后输入npm install
  安装npm依赖。

在这里插入图片描述

在命令行中输入npm run dev,开启项目,也可以用来检测项目是否新建成功
项目启动后,在浏览器中输入 http://localhost:8080
即可看到新建的Vue项目的初始化界面

在这里插入图片描述

在这里插入图片描述

至此一个Vue项目新建成功。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值