Home >Web Front-end >Vue.js >How to install vue-cli

How to install vue-cli

coldplay.xixi
coldplay.xixiOriginal
2020-11-12 14:34:268020browse

Vue-cli installation method: first install the node environment and install the [vue-cli] scaffolding, the code is [npm install -g vue-cli]; then install the project dependencies, the code is [npm install] .

How to install vue-cli

[Related article recommendations: vue.js]

vue-cli installed Method:

1. Before installation, check whether the node environment has been installed. If so, we will install the next vue-cli. If not, we will install the node environment first.

How to install vue-cli

2. Install vue-cli scaffolding. The installation code is: npm install -g vue-cli. What we choose here is global installation. After installation, create the project.

How to install vue-cli

3. Then choose whether to install the plug-in according to the prompts. If it is installed, select Yes. If it is not installed, select No. Until the plug-in selection is completed.

How to install vue-cli

4. After that, we cd to switch to the project directory, and then install the project dependencies. The installation code of the project dependencies is: npm install

How to install vue-cli

5. After the dependency installation is completed, our scaffolding is basically installed. Let’s take a look at what files our project has.

How to install vue-cli

# 6. After all the prelude preparations are completed, our vue-cli scaffolding is completed, and we will start the project next. The code is: npm run dev

How to install vue-cli

7. After the scaffolding is run, port 8080 will be opened by default. If the system automatically jumps to the web page, It means that our scaffolding installation has been completed, and then we can fill in our projects in the scaffolding.

How to install vue-cli

Related free learning recommendations: JavaScript(Video)

The above is the detailed content of How to install vue-cli. For more information, please follow other related articles on the PHP Chinese website!

Statement:
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