Vue 项目创建及运行

1. 项目创建

1.1 前提条件

安装node, node -v ,检查node 版本在这里插入图片描述
安装npm 或cnpm, npm -v 检查是否安装
在这里插入图片描述
安装全局vue-cli
运行命令: npm install -g @vue/cli
cnpm install -g @vue/cli(推荐)
检查: vue -v
在这里插入图片描述
准备工作完成。

1.2 打开要创建项目的文件夹,cmd

在这里插入图片描述

1.3 执行 vue create demo (demo是项目名称)

在这里插入图片描述
默认安装版是Vue3,按上下键选择安装的版本,我这里选择vue2, 按enter
在这里插入图片描述
安装成功。

2. 项目运行

2.1 转到项目文件夹 cd demo

在这里插入图片描述

2.2 执行 npm run serve

在这里插入图片描述
项目运行成功

2.3 输入地址,在浏览器看到项目

在这里插入图片描述

2.4 停止服务,按ctrl + c两下 或者 ctrl + c根据提示输入 y

在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值