docs(nx-dev): update install steps for java (#30526)

<!-- Please make sure you have read the submission guidelines before
posting an PR -->
<!--
https://github.com/nrwl/nx/blob/master/CONTRIBUTING.md#-submitting-a-pr
-->

<!-- Please make sure that your commit message follows our format -->
<!-- Example: `fix(nx): must begin with lowercase` -->

<!-- If this is a particularly complex change or feature addition, you
can request a dedicated Nx release for this pull request branch. Mention
someone from the Nx team or the `@nrwl/nx-pipelines-reviewers` and they
will confirm if the PR warrants its own release for testing purposes,
and generate it for you if appropriate. -->

## Current Behavior
<!-- This is the behavior we have today -->
Update the install instructions for the new java landing page

## Expected Behavior
<!-- This is the behavior we should expect with the changes in this PR
-->

## Related Issue(s)
<!-- Please link the issue being fixed so it gets closed when this is
merged. -->

Fixes #
This commit is contained in:
Mike Hartington 2025-03-27 16:03:28 -04:00 committed by GitHub
parent ea04a2ed72
commit d194248f53
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -73,22 +73,27 @@ export function GettingStarted(): ReactElement {
</p> </p>
</div> </div>
<div className="mt-12 grid grid-cols-1 gap-6 sm:gap-8 md:grid-cols-2 lg:grid-cols-3"> <div className="mt-12 grid grid-cols-1 gap-6 sm:gap-8 md:grid-cols-2 ">
<GetStartedCard
title="Install Nx"
command="brew install nx"
description="Get the <code>nx</code> executable from homebrew"
/>
<GetStartedCard <GetStartedCard
title="Add Nx To Your Project" title="Add Nx To Your Project"
command="npx nx@latest init" command="nx init"
description="Select <code>@nx/gradle</code> when prompted." description="Select <code>@nx/gradle</code> when prompted."
/> />
<GetStartedCard <GetStartedCard
title="Run Tasks With Nx" title="Run Tasks With Nx"
command="./nx build <project>" command="nx build <project>"
description="Nx will automatically infers tasks from your projects." description="Nx will automatically infers tasks from your projects."
/> />
<GetStartedCard <GetStartedCard
title="Run Affected Tasks" title="Run Affected Tasks"
command="./nx affected -t build" command="nx affected -t build"
description="Nx adds caching, distribution, and affected commands without changing your setup." description="Nx adds caching, distribution, and affected commands without changing your setup."
/> />
</div> </div>
@ -137,7 +142,7 @@ function GetStartedCard({
{title} {title}
</h3> </h3>
<div className="mt-3 overflow-hidden rounded-md bg-slate-800 px-4 py-3 text-sm text-white dark:bg-slate-950"> <div className="mt-3 overflow-hidden rounded-md bg-slate-800 px-4 py-3 text-sm text-white dark:bg-slate-950">
<code>{command}</code> <code style={{ whiteSpace: 'pre-line' }}>{command}</code>
</div> </div>
<p <p
className="mt-3 text-sm text-slate-600 dark:text-slate-300" className="mt-3 text-sm text-slate-600 dark:text-slate-300"