自学第二课,如何启动已创建的 Vue 项目

自学:启动已创建的 Vue 项目

第二天启动已创建的 Vue 项目,只需通过命令行进入项目目录并启动开发服务器即可,步骤如下:

  1. 打开命令行工具
    按下 Win + R,输入 cmd 后回车,打开 命令提示符(CMD) 或 PowerShell。
  2. 进入项目所在目录
    依次执行以下命令,切换到你的 Vue 项目文件夹:
    bash

切换到 D 盘(项目在 D 盘)

d:

进入 demo 目录(项目的上级文件夹)

cd demo

进入 Vue 项目文件夹(my-vue-project 是你的项目名)

cd my-vue-project
执行成功后,命令行提示符会显示为:
D:\demo\my-vue-project>
3. 启动开发服务器
在项目目录下,执行启动命令:
bash
npm run serve
等待几秒后,看到类似以下输出,说明启动成功:
plaintext
App running at:

  • Local: http://localhost:8080/
  • Network: http://192.168.x.x:8080/

Note that the development build is not optimized.
To create a production build, run npm run build.

  1. 访问项目
    打开浏览器,输入 http://localhost:8080,即可看到你的 Vue 项目页面。
    停止项目的方法
    如果需要关闭开发服务器,在命令行中按 Ctrl + C,然后输入 Y 确认即可。
    之后每次需要启动项目,重复上述 步骤 1~3 即可。
    在这里插入图片描述
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值