Using vue-CLI+Methods to Set Up Vue Development Environment with Webpack

Here we need to download node first, because we will use npm package to download, which is based on node

No more废话, let's get straight to the point

Download node, and at the same time, you need to download git, and then we will input commands on git to set up our vue environment

Git uses Linux commands

Don't ask why, just use it if it works, isn't that right?

On Windows system, after downloading git, right-click on the desktop, you will see git Bash, click on it, and then git will be opened

Git has many features, and git can push your files to github, github is a very good repository management tool, you know?

Alright, let's get started, after opening git, it will display

Then we execute npm install webpack

It will automatically download the latest version of webpack

Let's get straight to the point, how to use vue-Set up the vue development environment with cli

Here we need to globally install vue-CLI

Execute npm install vue in git-CLI -g Install vue command environment

Execute vue --Version check whether the installation is successful

Display the version of vue, which means the installation is successful

This is a global installation

Now we input vue init webpack in the command line-simple<template name, which is the name of your project>.

Here we use webpack-simple building, because it has no strict specifications, it is relatively good for most programmers, and the difference with webpack is not detailed here, if needed, everyone can leave a message below, and we will share with everyone

Here the name of my project is myvue

So I execute vue init webpack-simple myvue

There will be a myvue folder on the desktop

We execute cd myvue to enter our project

You will find these files in the folder, which is vue-cli automatically builds the environment for us

We execute npm install

At this time, we need to wait for a while, npm is downloading some files based on node for us

Then you will find an additional node——modules file, which contains some modules of node

Then we execute npm run dev in the command line

vue automatically opens the browser and runs this vue project

In this way, we use vue-Building the development environment for vue with cli is a success, if you have any questions, please leave me a message, and the editor will reply to everyone in time. Thank you very much for everyone's support for the Yelling Tutorial!

Declaration: The content of this article is from the Internet, and the copyright belongs to the original author. The content is contributed and uploaded by Internet users spontaneously, and this website does not own the copyright, has not been manually edited, and does not assume relevant legal liability. If you find any content suspected of copyright infringement, please send an email to: notice#oldtoolbag.com (Please replace # with @ when sending an email for reporting, and provide relevant evidence. Once verified, this site will immediately delete the content suspected of infringement.)