How to start a project in vuejs development

How to start a project with vuejs: 1. Install node.js; 2. Install "@vue/cli"; 3. Use the "vue create project name" command to create a project; 4. Use the cd command to enter vue In the project directory; 5. Execute the "npm run serve" command to start the project.

The operating environment of this tutorial: windows7 system, vue2.9.6 version, DELL G3 computer.

Prerequisite: Install node.js

Start the vue project

• If you want to start the vue project, There are two ways. The first is to use @vue/cli, and the second is to use webpack to build a Vue project from scratch. If you are a novice, it is recommended that you use the @vue/cli tool. cli is the loader that encapsulates webnpack. With plugin, you can quickly start the vue project; I am using @vue/cli below;
• Enter the official website https://cli.vuejs.org/zh/
• Install @vue /cli npm install -g @vue/cli
• View @vue/cli version numbervue --version
• vue create hello-worldCreate a project

Select manual selection

Select babel , css pre-processors, linter, unit testing, select and press Enter

#After successful installation

• cd hello-world $ npm run serve Enter this command

Open http://localhost:8080/ The following page will appear , indicating that the project was created and started successfully

Related recommendations: "

vue.js Tutorial"

The above is the detailed content of How to start a project in vuejs development. For more information, please follow other related articles on the PHP Chinese website!