You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
* Update quick-start.md Fixing some minor omissions necessary to make the quick start work. * Update quick-start.md * Refine quick start guide for Quasar CLI --------- Co-authored-by: Razvan Stoenescu <razvan.stoenescu@gmail.com>
Copy file name to clipboardExpand all lines: docs/src/pages/start/quick-start.md
+20-6Lines changed: 20 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -13,6 +13,7 @@ If you are a more advanced Vue developer, we invite you to start off by [decidin
13
13
Make sure that you have Node >=20 (or any newer **LTS Node.js version**) and NPM v6+ or Yarn v1 (classic) or PNPM v8+ installed on your machine. Please do not use any odd versions of Node, as these are [considered experimental](https://nodejs.org/en/about/previous-releases).
14
14
15
15
## Step 1: Create a Project
16
+
Navigate to the folder above where you want your project to be. Quasar will later prompt you for the name of the project folder and create that folder within this.
16
17
17
18
Enter the following command:
18
19
@@ -28,7 +29,7 @@ $ pnpm create quasar@latest
28
29
$ bun create quasar@latest
29
30
```
30
31
31
-
As the `create` or `init`command runs, you'll be prompted with some options. Depending on your needs, you can select the CLI type (Vite or Webpack) and you can add things like TypeScript support or a different CSS preprocessor. If you are unsure about any of the options, just take the defaults (hit enter) and you'll be good to go. You can change the options, except for the CLI type, later if you wish.
32
+
As the command above runs, you'll be prompted with some options. Depending on your needs, you can select the CLI type (Vite or Webpack) and you can add things like TypeScript support or a different CSS preprocessor. If you are unsure about any of the options, just take the defaults (hit enter) and you'll be good to go. You can change the options, except for the CLI type, later if you wish.
32
33
33
34
### Optional - Install the Global CLI
34
35
For doing more with Quasar, you should also install the global CLI. With it you can directly run Quasar commands in the terminal, run a local http server for testing or do upgrades on your project.
@@ -49,14 +50,27 @@ $ bun install -g @quasar/cli
49
50
50
51
For the second and last step, navigate into the newly created project folder and run the Quasar CLI command to start the dev server.
51
52
52
-
```bash
53
-
$ cd<project_folder_name>
54
-
# then run:
55
-
53
+
```tabs
54
+
<<| bash Yarn |>>
55
+
# if you have the global CLI:
56
+
$ quasar dev
57
+
# otherwise:
58
+
$ yarn quasar dev
59
+
<<| bash NPM |>>
60
+
# if you have the global CLI:
61
+
$ quasar dev
62
+
# otherwise:
63
+
$ npm run dev
64
+
<<| bash PNPM |>>
65
+
# if you have the global CLI:
66
+
$ quasar dev
67
+
# otherwise:
68
+
$ pnpm run dev
69
+
<<| bash Bun |>>
56
70
# if you have the global CLI:
57
71
$ quasar dev
58
72
# otherwise:
59
-
$ yarn quasar dev # or: npx quasar dev
73
+
$ bun run dev
60
74
```
61
75
62
76
You'll see the dev server compiling your new application and once it is finished, your new app should open up in your browser. That's it! You can now develop your app with your favorite IDE/ Code Editor.
0 commit comments