mirror of
https://github.com/nuxt/nuxt.git
synced 2025-01-19 01:45:53 +00:00
docs: minor improvements for the quick start section (#5036)
Co-authored-by: Daniel Roe <daniel@roe.dev> Co-authored-by: pooya parsa <pyapar@gmail.com>
This commit is contained in:
parent
2a43cb4130
commit
53ea540ac0
@ -19,11 +19,11 @@ Before getting started, please make sure you have installed the recommended setu
|
|||||||
* Either enable [**Take Over Mode**](https://github.com/johnsoncodehk/volar/discussions/471) (recommended)
|
* Either enable [**Take Over Mode**](https://github.com/johnsoncodehk/volar/discussions/471) (recommended)
|
||||||
* ... or add **TypeScript Vue Plugin (Volar)** 👉 [[Download](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.vscode-typescript-vue-plugin)]
|
* ... or add **TypeScript Vue Plugin (Volar)** 👉 [[Download](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.vscode-typescript-vue-plugin)]
|
||||||
|
|
||||||
<sup>*</sup> If you already have Node.js installed, check with `node --version` that you are using `v14` or `v16`.
|
<sup>*</sup> If you already have Node.js installed, check with `node --version` that you are using version 14.16 or above 16.11.
|
||||||
|
|
||||||
::alert{type=info}
|
::alert{type=info}
|
||||||
|
|
||||||
If you have enabled **Take Over Mode** or installed the **TypeScript Vue Plugin (Volar)** you can disable generating the shim for `*.vue` files:
|
If you have enabled **Take Over Mode** or installed the **TypeScript Vue Plugin (Volar)**, you can disable generating the shim for `*.vue` files:
|
||||||
|
|
||||||
```js
|
```js
|
||||||
export default defineNuxtConfig({
|
export default defineNuxtConfig({
|
||||||
@ -51,7 +51,7 @@ pnpm dlx nuxi init nuxt-app
|
|||||||
|
|
||||||
::
|
::
|
||||||
|
|
||||||
Open `nuxt-app` folder in visual studio code:
|
Open `nuxt-app` folder in Visual Studio Code:
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
code nuxt-app
|
code nuxt-app
|
||||||
@ -77,7 +77,7 @@ pnpm install --shamefully-hoist
|
|||||||
|
|
||||||
## Development server
|
## Development server
|
||||||
|
|
||||||
Now you'll be able to use `yarn dev` to start your nuxt app in development mode:
|
Now you'll be able to start your Nuxt app in development mode:
|
||||||
|
|
||||||
::code-group
|
::code-group
|
||||||
|
|
||||||
@ -96,7 +96,7 @@ pnpm run dev -- -o
|
|||||||
::
|
::
|
||||||
|
|
||||||
::alert{type=success icon=✨ .font-bold}
|
::alert{type=success icon=✨ .font-bold}
|
||||||
Well done! A browser window should automatically open for <http://localhost:3000>
|
Well done! A browser window should automatically open for <http://localhost:3000>.
|
||||||
::
|
::
|
||||||
|
|
||||||
## Next steps
|
## Next steps
|
||||||
|
Loading…
Reference in New Issue
Block a user