Laravel 使用 laravel/ui 无需启动 npm run 的解决方案

最新推荐文章于 2024-08-31 07:26:26 发布

myarche

最新推荐文章于 2024-08-31 07:26:26 发布

阅读量366

点赞数

文章标签： laravel php

本文链接：https://blog.csdn.net/myarche/article/details/129943968

版权

该文指导如何在Laravel项目中安装Laravel/UI套件，使用Bootstrap和Auth。接着，通过nvm管理Node.js版本，安装并配置Vite进行前端构建。执行npmrundev启动开发服务器，实现代码更改后自动刷新页面的功能。

摘要由CSDN通过智能技术生成

首先进入 Laravel 项目目录,依次执行

composer require laravel/ui

php artisan ui bootstrap --auth

安装并执行 npm，建议采用 nvm 安装

nvm ls                ## 查看已安装的所有node版本

nvm ls-remote         ##列出可用的Node.js版本

nvm install node      ## 安装最新版本

nvm install version   ## 安装指定版本

nvm use version       ## 使用指定版本

nvm current           ## 查看当前版本

node -v 查看当前 node 版本

npm install

npm run build

完成编译

当然，您可以执行 run 来热处理，根据输出连接，更改代码会自动刷新页面

https://www.coding10.com/lesson/vite-work-with-laravel-ui

npm run dev

执行 npm run 后会出现以下界面，并且窗口无法执行输入命令

> dev

> vite

  vite v2.9.13 dev server running at:

  > Local: http://localhost:3000/

  > Network: use `--host` to expos

  ready in 248ms.

  Laravel v9.19.0