[Vue five minutes] Vue Cli scaffolding installation and configuration

Table of contents

foreword

1. Introduction to Vue Cli scaffolding

Second, build the Vue Cli scaffolding development environment

1. Download node.js

2. Install node.js

 3. Install Vue Cli scaffolding


foreword

    This is a series of articles and blogs. You can follow the notes systematically to learn together. We can have a more comprehensive understanding of vue. Everyone learns together. The blogger is also a learner who accumulates a little every day. A small like is not easy to make, thank you all!

1. Introduction to Vue Cli scaffolding

     We have already learned about the components of a single file. If you don't remember, you can go ahead and look at them. They are all very targeted summaries. At the end of this article, we will add links to some blog posts so that you can jump to learn. These single file components are all suffixed with .vue after the file, but we can't run this type of file directly on our browser, so we need a powerful tool at this time, Vue Cli Scaffolding tools.

    This scaffolding is a completion system for rapid development based on Vue; it is built and developed based on webpack, with reasonable configuration, which can be configured through project files.

Second, build the Vue Cli scaffolding development environment

1. Download node.js

Node.js is a JavaScript runtime environment based on the Chrome engine. We can download it from the Chinese official website of node,js: Download | Node.js Chinese website http://nodejs.cn/download/

You can perform different installations according to your own operating system, there are different digits, and you can also choose different installations. as follows:

 The blogger has downloaded the 16.16.0 long-term support version of the Windows 64-bit system for instructions!

 The installation file obtained after downloading is "node-v16.16.0-x64-.msi".

2. Install node.js

 Install it step by step according to the instructions:

 

 

 Complete the node.js download

 

After the installation is complete, win+r run the command line, enter our command "node -v", when we see the version number of node, it means that we have completed the installation of node; because npm encapsulates The package manager is integrated in node. We can enter the command "npm -v" below to view the version number of our npm.

 3. Install Vue Cli scaffolding

Just run the command in our command line, "npm install -g @vue/cli" and wait for the installation.

   

                                                                                                                      

 

Guess you like

Origin blog.csdn.net/Lushengshi/article/details/126549393