Vue3.0 project creation

Foreword:

      Use vue's latest scaffolding to build a formal project of vue3.0

table of Contents:

step:

 1. Install the latest scaffolding, if you have one, you can skip this step (***Use cnpm here)

Check: if vue -V appears below, it means success

2. Open the PowerShell/small black box where you want to build the project, enter vue + create + your project name, and press Enter

vue create newject

3. Then the following options will appear, here select the custom one, the last one, and then press Enter

4. Select configuration, move up and down keys, select space, press enter to next step

5. Select the version of vue, 3.0 and press Enter

6. Does your router use history? If n is hash, y is history

7. Choose language, scss /less, according to your actual needs

8. ESLint: Provide a plug-in JavaScript code detection tool

9. When to check the code, when saving it, or when submitting the code, choose when to save here

10. How to store the configuration:

11. Whether to save this configuration (y: record this configuration, and then you need to name it; n: do not record this configuration)

12. If you install yarn, this step will appear, letting you choose what to install your bag

13. Just wait for the packaging to be done, and the following interface will show up.

14. Execute two commands, open the page, and it's actually over here. If you need to introduce an element in a new project, click me to enter

---

step:

 1. Install the latest scaffolding, if you have one, you can skip this step (***Use cnpm here )

cnpm install -g @vue/cli

sudo cnpm install -g @vue/cli  （mac）

Check: If vue -V  appears below, it means success

2. Open the PowerShell / small black box where you want to build the project , enter vue + create + your project name, and press Enter

vue create newject

3. Then the following options will appear, here select the custom one, the last one, and then press Enter

4. Select configuration, move up and down keys , select space , press enter to next step

5. Select the version of vue, 3.0 and press Enter

6. Does your router use history? If n is hash, y is history

7. Choose language, scss /less, according to your actual needs

8. ESLint: Provide a plug-in JavaScript code detection tool

9. When to check the code, when saving it, or when submitting the code, choose when to save here

10. How to store the configuration:

11. Whether to save this configuration (y: record this configuration, and then you need to name it; n: do not record this configuration)

12. If you install yarn , this step will appear, letting you choose what to install your bag

13. Just wait for the packaging to be done, and the following interface will show up.

14. Execute two commands, open the page, and it's actually over here. If you need to introduce an element in a new project, click me to enter