This is a project to get you started quickly with Nuxt 3 site development. It contains Tailwind CSS framework, Naive UI component library, Pinia store library, and several other useful libraries and modules that a frontend developer needs. Before you start, read the Nuxt 3 documentation.
Before you start working on a project, make sure you have the recommended toolset installed.
- Node.js* (Latest LTS version) 👉 Download
- Visual Studio Code 👉 Download
- Volar Extension 👉 Install
- Tailwind CSS IntelliSense 👉 Install
- ESLint 👉 Install
*If Node.js is already installed, specify its version with the command node --version
. If you are working on other projects that need an older version of Node.js, install NVM or NVM for Windows to use several versions of Node.
In the VSCode settings file (press Ctrl+,
and then, in the upper right corner, click on "Open Settings (JSON)") it is advisable to specify the following:
{
"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"eslint.format.enable": true,
"eslint.lintTask.enable": true,
"eslint.alwaysShowStatus": true,
"files.eol": "\n",
}
If automatic save fixes interfere with other projects, comment out the first line ("editor.formatOnSave") in the settings file. When everything is ready, clone the project and install the dependencies:
# npm
npm install
Start the development server at http://localhost:3000
npm run dev
Project assembly in production:
npm run build
More information can be found in documentation.
In addition to Nuxt 3, we use a collection of utilities for Vue, a CSS framework to speed up styling, and a UI library to avoid creating UI elements by hand. It's a good idea to read the documentation of these tools before you start, too.