Home >Web Front-end >JS Tutorial >Method steps for quickly building the vue-cli project

Method steps for quickly building the vue-cli project

不言
不言forward
2018-10-13 15:12:152950browse

This article brings you the steps to quickly build the vue-cli project. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.

1. First, you need to install nodejs (omitted).

2. Use node to install vue-cli.

npm install -g vue-cli

3. Create a new directory to store the project.

Create a new vue project using webpack as the packaging tool, and command the project name second

vue init webpack second

4. Use idea to open second. Remember to install vue. plugins and nodejs plugins.

5. Enter the compilation command

npm install
npm run dev

6 in the command line of the project root directory. The project will automatically open in the default browser.

Method steps for quickly building the vue-cli project

7. When packaging, use the command

npm build

. After successful execution, the The directory /dist is generated under the project folder.

The above is the detailed content of Method steps for quickly building the vue-cli project. For more information, please follow other related articles on the PHP Chinese website!

Statement:
This article is reproduced at:csdn.net. If there is any infringement, please contact admin@php.cn delete