How to start a project with vuejs development

This article is to share with you about how vuejs development starts the project. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

Vuejs start the project method: 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 the vue 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 a 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, you are advised to use @ vue/cli. Cli is a loader and plugin encapsulated with webnpack, which enables you to start a vue project quickly. I use @ vue/cli below.

Enter the official website https://cli.vuejs.org/zh/

Install @ vue/cli npm install-g @ vue/cli

Check @ vue/cli version number vue-- version

Vue create hello-world creates a project

Select by hand

Select babel,css pre-processors,linter,unit testing, and then press enter.

After successful installation

Cd hello-world $npm run serve enter this command

The following page appears when you open http://localhost:8080/, indicating that the project was created and started successfully

Thank you for reading! This is the end of this article on "how to start a project in vuejs development". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!