php刀片模板使用idea intellij进行实时编辑?

vnzz0bqm  于 2021-09-29  发布在  Java
关注(0)|答案(2)|浏览(364)

在与idea intellij合作进行laravel项目时,是否有任何插件、chrome扩展可用于实时编辑(持续的浏览器刷新)?
我需要的是,当我编辑刀片模板时,我希望浏览器自动刷新,而无需手动按(commad+r)或(control+f5)
我使用的是idea intellij php内置web服务器

smtd7mpg

smtd7mpg1#

如果你想要这个功能,你需要运行一些服务,比如browsersync。我认为您需要使用比内置服务器更真实的web服务器,但我不确定。
我已经在本地使用了laradock,一旦设置了laradock,就可以很容易地运行browswersync并获得实时刷新。

mpgws1up

mpgws1up2#

注意:说明不依赖于xampp。您可以使用任何apache/nginx服务器设置堆栈。i、 让灯跟随。
这假设您正在使用xampp
安装xampp。
将您的项目移动/设置到 htdocs xampp的文件夹( C:\xampp\htdocs )
注意:继续,我将使用 your-project 指的是你实际的项目名称。
为项目设置虚拟主机。即:
打开文件: C:\xampp\apache\conf\extra\httpd-vhosts.conf 然后在此文件末尾添加以下标记:

<VirtualHost *:80>
      ServerAdmin steve@steve.com
      DocumentRoot "C:\xampp\htdocs\your-project\public"
      ServerName local.your-project

      <Directory "C:/xampp/htdocs">
           Options Indexes FollowSymLinks
           AllowOverride All
           Order allow,deny
           Allow from all
           Require all granted
      </Directory>
  </VirtualHost>

你可以改变主意 ServeAdminDocumentRoot 正如你所说。
调整你的 hosts 要始终路由到的文件 127.0.0.1 从浏览器访问项目时。
对于“windows操作系统”用户,您可以在以下位置找到该文件: C:\Windows\System32\drivers\etc\hosts 打开 hosts 归档并在末尾添加以下行: 127.0.0.1 local.your-project 确保启用/安装了必要的php扩展以顺利运行项目。
您可能需要删除前面的 ; 各行上的字符以启用这些扩展名。
对于“windows操作系统”用户,您可以在以下位置找到配置文件: C:\xampp\php\php.ini 打开你的 php.ini 配置文件,并确认以下扩展名已启用。

; Directory in which the loadable extensions (modules) reside.
    ; http://php.net/extension-dir
    ;extension_dir = "./"
    ; On windows:
    extension_dir="C:\xampp\php\ext"

    extension=bz2
    extension=curl
    extension=fileinfo
    extension=gd
    extension=gettext
    extension=intl
    extension=mbstring
    extension=exif
    extension=openssl
    extension=pdo_mysql
    extension=mysqli
    extension=php_openssl.dll
    extension=php_ftp.dll

注意:下面的所有命令都假定终端/命令提示符指向项目根目录。即: cd C:\xampp\htdocs\your-project 确保mysql和apache服务都在运行。

设置laravel混合 browserSync .
注意:下面的命令假定node.js和npm已经安装在您的计算机上。
安装
browser-sync npm i browser-sync --save-dev 安装
browser-sync-webpack-plugin npm install browser-sync-webpack-plugin --save-dev 安装任何挂起的unrun依赖项。 npm install 打开位于的文件 your-project-root-directory\webpack.mix.js 在该文件末尾添加以下配置。

// ...

mix.browserSync({
    port: 8089,
    proxy: {
        target: "http://local.your-project/",
    }

});

[可选]。如果你使用 sass 在应用程序中,您可能希望包含以下依赖项。 npm install sass-loader sass resolve-url-loader --save-dev 整理你的资产。 npm run dev 开始监视项目文件更改。 npm run watch 此时,如果浏览器已打开,则项目可能已自动加载。如果不是这样,请打开浏览器并搜索此url。 http://localhost:8089/ 这表示 port 您可以在配置时进行设置 browserSync .
从这一点开始,, browserSync 将在您更改项目文件时自动刷新页面。

下一步(前进)

无论何时开始处理项目,只要确保mysql和apache服务都在运行即可。然后跑 npm run watch 在你的终点站 browserSync 开始侦听文件更改。

额外资源

laravel |汇编资产(混合)
laravel | laravel混合物

相关问题