第二天启动已创建的 Vue 项目,只需通过命令行进入项目目录并启动开发服务器即可,步骤如下:
- 打开命令行工具
按下 Win + R,输入 cmd 后回车,打开 命令提示符(CMD) 或 PowerShell。 - 进入项目所在目录
依次执行以下命令,切换到你的 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.
- 访问项目
打开浏览器,输入 http://localhost:8080,即可看到你的 Vue 项目页面。
停止项目的方法
如果需要关闭开发服务器,在命令行中按 Ctrl + C,然后输入 Y 确认即可。
之后每次需要启动项目,重复上述 步骤 1~3 即可。

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

被折叠的 条评论
为什么被折叠?



