跳至正文

Web开发相关环境配置

内容目录

Web开发相关环境配置

该文档关注Web开发相关环境/软件配置，仅介绍部分使用到的软件，对这部分软件在尤其是macos系统下（对于Unix，Linux也部分可用）安装和配置相关问题作讨论

本次相关环境配置，请再次注意系统以macos为准

XAMPP

XAMPP是一用于快速在PC上搭建服务器运行环境的开源软件，其命名缘于其涉及的相关环境，即X(跨平台)，A（Apache），M（MySQL），P（PHP），P（Perl）

它集成了一些列服务器软件和脚本语言，省去手动配置环境问题。对于希望手动配置环境，搭建LAMP或LNMP的读者可以参考该文章：https://williamshen.cn/wordpress/?p=10

XAMPP下载地址如下：

下载dmg后正常安装，在组件选择中，若担心产生问题可以选择全选并安装

Composer

官方文档如下：

https://getcomposer.org/download/

可以通过以下命令安装composer.phar，此方法需要已完成php配置

cd YourDirectory
php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');"
php -r "if (hash_file('sha384', 'composer-setup.php') === 'dac665fdc30fdd8ec78b38b9800061b4150413ff2e3b6f88543c636f7cd84f6db9189d43a81e5503cda447da73c7e5b6') { echo 'Installer verified'; } else { echo 'Installer corrupt'; unlink('composer-setup.php'); } echo PHP_EOL;"
php composer-setup.php
php -r "unlink('composer-setup.php');"

大致完成操作为：

  • 在当前目录下下载composer安装器
  • 安装器相关验证
  • 运行安装
  • 清理安装器

亦可通过以下命令安装

curl -sS https://getcomposer.org/installer | php

此外，若需要全局使用composer，在安装目录下通过以下命令配置环境变量：

sudo mv composer.phar /usr/local/bin/composer
  • 此位置适用于大多数情况，若修改过环境变量相关文件，请根据实际情况调整即可

安装完成后可以通过composer或composer --version检查是否安装正确

鉴于国内网络环境，原有的源可能访问不稳定，建议更换为国内访问较稳定的源，试用以下命令：

composer config -g repo.packagist composer https://packagist.pages.dev

通过以下命令查看源：

composer config -l -g

关于源还有以下注意事项：

  • 国内部分源可能来不及更新，创建laravel项目时出现下列问题，解决方案为尝试不同源创建项目或者代理

    Your requirements could not be resolved to an installable set of packages.

Problem 1
- laravel/framework[v11.0.0, ..., v11.2.0] require fruitcake/php-cors ^1.3 -> found fruitcake/php-cors[dev-feat-setOptions, dev-master, dev-main, dev-test-8.2, v0.1.0, v0.1.1, v0.1.2, v1.0-alpha1, ..., 1.2.x-dev (alias of dev-master)] but it does not match the constraint.
- Root composer.json requires laravel/framework ^11.0 -> satisfiable by laravel/framework[v11.0.0, ..., v11.2.0].
    • 有专门composer源管理工具通过命令composer global require slince/composer-registry-manager安装
    • composer repo:ls 列出所有源
    • composer repo:use [use-repo] 切换源

  • 此外还需注意确保$HOME/.composer/vendor/bin在环境变量中，否则后续无法快速找到通过composer下载的各项工具

NodeJS

NodeJS下载官网如下：

https://nodejs.org/en/download/

选择需要的包正常下载安装即可

可使用node -v验证安装是否正确

因为国内网络环境问题，使用以下命令更换源和检查现有源：

npm confg set registry https://mirrors.huaweicloud.com/repository/npm/
npm config get registry

关于NodeJS更新，可以使用npm版本管理工具n，

npm install -g n

使用n latest即可更新npm到最新版本

npm有源管理工具通过命令sudo npm install -g nrm安装

  • nrm ls
  • nrm use [use-repo]

DHTMLX

使用以下命令通过npm可以完成标准版dhtmlx安装

npm i dhx-suite

Laravel

使用Composer通过以下命令安装Laravel Installer Tool

composer global require laravel/installer

Valet

Valet是laravel下一针对macos的开发环境，支持后台nginx运行，并利用DnsMasq配置代理，实现以*.test域名来访问开发中网页

使用Composer通过以下命令下载Valet并安装

composer global require laravel/valet
valet install
  • 若安装不正确，可使用homebrew手动安装其中组件

完成后通过ping *.test查看是否为127.0.0.1即可

在指定路径下使用以下命令则可以完成路径添加

valet park
valet link
  • park为当前目录下所有子目录
  • link则为当前目录，用于不需要包括所有子目录的情况
  • 更多命令详见https://laravel.com/docs/11.x/valet

此后可以通过"子目录名.test"在浏览器中访问