Quickly create a project using Nuxt.js scaffolding tools create-nuxt-app
prerequisites:
Make sure the npx (npx in NPM version 5.2.0 installed by default):
npx create-nuxt-app <project name>
Or use yarn:
yarn create nuxt-app <project name>
Creating options of:
1. select between integrated server side frame:
2. Select the UI Framework:
- None (no)
- Bootstrap
- Vuetify
- Find
- Tailwind
- Element UI
- Ant Design View
- Buefy
- iView
- Tachyons
3. Select the testing framework:
4. Select Nuxt mode (Universal or SPA)
5. Add axios module to easily sends an HTTP request to your application.
6. Add EsLint to code specifications and error checking when you save your code.
7. Add the Prettier to format when saving / beautify your code.
When finished running, it will install all the dependencies, so the next step is to start the project:
cd <project-name> npm run dev
Applications now run http: // localhost: 3000 is running on.
Note: Nuxt.js will monitor pages
file changes in the directory, there is no need to restart the application when adding a new page.
Reference: https://zh.nuxtjs.org/guide/installation#%E6%96%B0%E6%89%8B%E6%A8%A1%E6%9D%BF