Build a scaffold (Vue CLI) and create a project

Time:2021-3-7

Recently, I just learned the knowledge about Vue scaffold, so I sorted out the process of building a project with Vue cli


1. Installation node.js Environmental Science

  • Download from the official website: https://nodejs.org/en/download/
  • After downloading, open it and keep going to next
  • Open CMD and enter:
node -v
npm -v

If the relevant version number appears, the installation is successful
Build a scaffold (Vue CLI) and create a project


2. Global installation of Vue cli

npm install vue-cli -g

The results are as follows
Build a scaffold (Vue CLI) and create a project


3. Select the path and create a project. My project name istabbar

vue init webpack tabbar

Build a scaffold (Vue CLI) and create a project


4. Running projects

Enter the directory where the file is located
cd tabbar
Installation dependency
npm install
Running projects
npm run dev

5. Open the initial interface through the project display path

Build a scaffold (Vue CLI) and create a project

The interface is as follows
Build a scaffold (Vue CLI) and create a project


6. Finally, get a file directory like this

Build a scaffold (Vue CLI) and create a project
Our code is written in the SRC folder