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

Method steps for quickly building the vue-cli project

不言
Release: 2018-10-13 15:12:59
forward
2909 people have browsed it

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
Copy after login

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
Copy after login

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!

Related labels:
source:csdn.net
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template