How to build vue development environment with vue-cli+webpack
This time I will show you how vue-cli webpack builds a vue development environment. What are the precautions for vue-cli webpack to build a vue development environment. Here are practical cases. Let’s take a look. one time.
Here we need to download node first, because we need to use npm package download, which is based on node
Without further ado, let’s get straight to the point
Download node, and you need to download git at the same time. From now on, we will enter commands on git to build our vue environment
Git uses the linux command
Don't ask why, as long as it works, don't you think so?
Windows system, after downloading git, we right-click on the desktop and you will see git Bash, click on it, and then open git,
Git has many functions. At the same time, git can push your files to github. Github is a very good warehouse management tool
Okay, let’s start directly. After opening git,
will be displayed.
Then we execute npm inst<a href="http://www.php.cn/wiki/1483.html" target="_blank">all</a> webpack
The latest version of webpack will be automatically downloaded
Here we go directly to the topic, how to use vue-cli to build a vue development environment
Here we need to install globallyvue-cli
Execute npm install vue-cli -g
in git to install the vue command environment
Execute vue --verson
to check whether the installation is successful,
Displaying the vue version means the installation was successful
This is a global installation
Now we enter vue init webpack-simple<template name on the command line, which is the name of your project>,
Here we use webpack-simple to build it, because it does not have strict specifications and is better than most programmers. I will not go into details about the difference between it and webpack here. If necessary, you can leave a message below. We share with you
My project name here 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. This is the environment that vue-cli automatically builds 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 that there is one more node-modules file, which contains some modules of node
Then we execute npm run dev
on the command line vue automatically opened the browser and ran the vue project
I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the PHP Chinese website!
Recommended reading:
How to implement Ajax request function in JS
Angular implements table filtering and deletion functions
The above is the detailed content of How to build vue development environment with vue-cli+webpack. For more information, please follow other related articles on the PHP Chinese website!

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

Windows Recovery Environment (WinRE) is an environment used to repair Windows operating system errors. After entering WinRE, you can perform system restore, factory reset, uninstall updates, etc. If you are unable to boot into WinRE, this article will guide you through fixes to resolve the issue. Unable to boot into the Windows Recovery Environment If you cannot boot into the Windows Recovery Environment, use the fixes provided below: Check the status of the Windows Recovery Environment Use other methods to enter the Windows Recovery Environment Did you accidentally delete the Windows Recovery Partition? Perform an in-place upgrade or clean installation of Windows below, we have explained all these fixes in detail. 1] Check Wi

In this article, we will learn about the differences between Python and Anaconda. What is Python? Python is an open source language that places great emphasis on making the code easy to read and understand by indenting lines and providing whitespace. Python's flexibility and ease of use make it ideal for a variety of applications, including but not limited to scientific computing, artificial intelligence, and data science, as well as creating and developing online applications. When Python is tested, it is immediately translated into machine language because it is an interpreted language. Some languages, such as C++, require compilation to be understood. Proficiency in Python is an important advantage because it is very easy to understand, develop, execute and read. This makes Python

Form validation is a very important link in web application development. It can check the validity of the data before submitting the form data to avoid security vulnerabilities and data errors in the application. Form validation for web applications can be easily implemented using Golang. This article will introduce how to use Golang to implement form validation for web applications. 1. Basic elements of form validation Before introducing how to implement form validation, we need to know what the basic elements of form validation are. Form elements: form elements are

Using Jetty7 for Web Server Processing in JavaAPI Development With the development of the Internet, the Web server has become the core part of application development and is also the focus of many enterprises. In order to meet the growing business needs, many developers choose to use Jetty for web server development, and its flexibility and scalability are widely recognized. This article will introduce how to use Jetty7 in JavaAPI development for We

Web standards are a set of specifications and guidelines developed by W3C and other related organizations. It includes standardization of HTML, CSS, JavaScript, DOM, Web accessibility and performance optimization. By following these standards, the compatibility of pages can be improved. , accessibility, maintainability and performance. The goal of web standards is to enable web content to be displayed and interacted consistently on different platforms, browsers and devices, providing better user experience and development efficiency.

Cockpit is a web-based graphical interface for Linux servers. It is mainly intended to make managing Linux servers easier for new/expert users. In this article, we will discuss Cockpit access modes and how to switch administrative access to Cockpit from CockpitWebUI. Content Topics: Cockpit Entry Modes Finding the Current Cockpit Access Mode Enable Administrative Access for Cockpit from CockpitWebUI Disabling Administrative Access for Cockpit from CockpitWebUI Conclusion Cockpit Entry Modes The cockpit has two access modes: Restricted Access: This is the default for the cockpit access mode. In this access mode you cannot access the web user from the cockpit

The web is a global wide area network, also known as the World Wide Web, which is an application form of the Internet. The Web is an information system based on hypertext and hypermedia, which allows users to browse and obtain information by jumping between different web pages through hyperlinks. The basis of the Web is the Internet, which uses unified and standardized protocols and languages to enable data exchange and information sharing between different computers.

PHP belongs to the backend in web development. PHP is a server-side scripting language, mainly used to process server-side logic and generate dynamic web content. Compared with front-end technology, PHP is more used for back-end operations such as interacting with databases, processing user requests, and generating page content. Next, specific code examples will be used to illustrate the application of PHP in back-end development. First, let's look at a simple PHP code example for connecting to a database and querying data:
