Lakes of Fire Digital What Where When Guide
Learn more about this workspace setup and its capabilities or run yarn run nx graph to visually explore what was created. Now, let's get you up to speed!
- Install NVM on your development machine
- In your project directory, run
nvm install. This will install the node version specified in .nvmrc to ensure we're all on the same version. - Install the yarn package manager:
npm install --global yarn - Get the latest project dependencies by running
yarn install
- Install VSCode
- Install Docker Desktop
- Install the Dev Containers plugin for VSCode
ms-vscode-remote.remote-containers - In VSCode open Dev Containers: Reopen in Container
VSCode will load a dev container with the correct version of Node.js, the standard plugins, and run yarn install on startup.
To run the dev server for your app, run:
yarn run nx dev digital-www-pwaIf everything runs correctly, you should be able to view the development app at http://localhost:4200.
While you could add new projects to your workspace manually, you might want to leverage Nx plugins and their code generation feature.
Use the plugin's generator to create new projects.
To generate a new application, use:
yarn run nx g @nx/next:app demoTo generate a new library, use:
yarn run nx g @nx/react:lib mylibYou can use yarn run nx list to get a list of installed plugins. Then, run yarn run nx list <plugin-name> to learn about more specific capabilities of a particular plugin. Alternatively, install Nx Console to browse plugins and generators in your IDE.
Learn more about Nx plugins » | Browse the plugin registry »
Nx Console is an editor extension that enriches your developer experience. It lets you run tasks, generate code, and improves code autocompletion in your IDE. It is available for VSCode and IntelliJ.
Learn more:
- Learn more about this workspace setup
- Learn about Nx on CI
- Releasing Packages with Nx release
- What are Nx plugins?
And join the Nx community: