Home Web Front-end JS Tutorial How to quickly build a single-page application using vue-cli, as well as problems encountered and some solutions

How to quickly build a single-page application using vue-cli, as well as problems encountered and some solutions

Jun 02, 2018 am 11:09 AM
vue-cli fast build

This article mainly introduces the detailed explanation of the problems and solutions encountered in quickly building a single-page application with vue-cli. Now I will share it with you and give you a reference.

1. The error content is similar: Expected indentation of 0 spaces but found 4

Change webpack.base under the build file. Comment out the following code in the conf.js file (eslint-loader content) and re-run.

## 2. Error content: Newline required at end of file but not found

Just need to add a line (blank line) after

js css etc.

Or comment out the following code in the

webpack.base.conf.js file under the build file (eslint-loaderContent), re-run.

3. Modify the default port number

Do not want to use the default port number (

8080), you can change the following code in the index.js file under the config file

4. How to automatically open the browser

You can change the following code in the

index.js file under the config fileautoOpenBrowser istrue

The above is what I compiled for everyone. I hope it will be helpful to everyone in the future.

Related articles:

Instances of layui table checkbox selection select all styles and functions

layui select dynamically adds option Example

Detailed explanation of the whole process from buying a domain name to using pm2 to deploy a node.js project

The above is the detailed content of How to quickly build a single-page application using vue-cli, as well as problems encountered and some solutions. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
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

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

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

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Understand the differences and comparisons between SpringBoot and SpringMVC Understand the differences and comparisons between SpringBoot and SpringMVC Dec 29, 2023 am 09:20 AM

Compare SpringBoot and SpringMVC and understand their differences. With the continuous development of Java development, the Spring framework has become the first choice for many developers and enterprises. In the Spring ecosystem, SpringBoot and SpringMVC are two very important components. Although they are both based on the Spring framework, there are some differences in functions and usage. This article will focus on comparing SpringBoot and Spring

What is the difference in the 'My Computer' path in Win11? Quick way to find it! What is the difference in the 'My Computer' path in Win11? Quick way to find it! Mar 29, 2024 pm 12:33 PM

What is the difference in the "My Computer" path in Win11? Quick way to find it! As the Windows system is constantly updated, the latest Windows 11 system also brings some new changes and functions. One of the common problems is that users cannot find the path to "My Computer" in Win11 system. This was usually a simple operation in previous Windows systems. This article will introduce how the paths of "My Computer" are different in Win11 system, and how to quickly find them. In Windows1

How to quickly build a statistical chart system under the Vue framework How to quickly build a statistical chart system under the Vue framework Aug 21, 2023 pm 05:48 PM

How to quickly build a statistical chart system under the Vue framework. In modern web applications, statistical charts are an essential component. As a popular front-end framework, Vue.js provides many convenient tools and components that can help us quickly build a statistical chart system. This article will introduce how to use the Vue framework and some plug-ins to build a simple statistical chart system. First, we need to prepare a Vue.js development environment, including installing Vue scaffolding and some related plug-ins. Execute the following command in the command line

Lifecycle functions in Vue3: Quickly master the lifecycle of Vue3 Lifecycle functions in Vue3: Quickly master the lifecycle of Vue3 Jun 18, 2023 am 08:20 AM

Vue3 is currently one of the most popular frameworks in the front-end world, and the life cycle function of Vue3 is a very important part of Vue3. Vue3's life cycle function allows us to trigger specific events at specific times, enhancing the high degree of controllability of components. This article will explore and explain in detail the basic concepts of Vue3's life cycle functions, the roles and usage of each life cycle function, and implementation cases, to help readers quickly master Vue3's life cycle functions. 1. Vue3’s life cycle function

WordPress Website Building Guide: Quickly Build a Personal Website WordPress Website Building Guide: Quickly Build a Personal Website Mar 04, 2024 pm 04:39 PM

WordPress Website Building Guide: Quickly Build a Personal Website With the advent of the digital age, having a personal website has become fashionable and necessary. As the most popular website building tool, WordPress makes it easier and more convenient to build a personal website. This article will provide you with a guide to quickly build a personal website, including specific code examples. I hope it can help friends who want to have their own website. Step 1: Purchase a domain name and hosting. Before starting to build a personal website, you must first purchase your own

Can buildings be built in the wild in Mistlock Kingdom? Can buildings be built in the wild in Mistlock Kingdom? Mar 07, 2024 pm 08:28 PM

Players can collect different materials to build buildings when playing in the Mistlock Kingdom. Many players want to know whether to build buildings in the wild. Buildings cannot be built in the wild in the Mistlock Kingdom. They must be within the scope of the altar. . Can buildings be built in the wild in Mistlock Kingdom? Answer: No. 1. Buildings cannot be built in the wild areas of the Mist Lock Kingdom. 2. The building must be built within the scope of the altar. 3. Players can place the Spirit Fire Altar by themselves, but once they leave the range, they will not be able to construct buildings. 4. We can also directly dig a hole in the mountain as our home, so we don’t need to consume building materials. 5. There is a comfort mechanism in the buildings built by players themselves, that is to say, the better the interior, the higher the comfort. 6. High comfort will bring attribute bonuses to players, such as

How to quickly cut the screen on win10 computer How to quickly cut the screen on win10 computer Jul 10, 2023 am 08:21 AM

How to cut the computer screen? When using a computer, some friends will use two or even three displays, but when using it, they will encounter the problem of needing to switch screens. So how do you switch screens on a computer? Some friends don’t know how to quickly switch screens on a computer, so this issue will teach you how to quickly switch screens on a win10 computer. How to quickly switch screens on a win10 computer? The specific method is as follows: 1. After connecting the external display, press [Fn] + [F4] or [win] + [P] at the same time to select the external display. 2. The second method is to right-click a blank area of ​​the desktop and select [Screen Resolution]. 3. Then in [Multiple Monitors], you can switch screens. The above is all the information brought by the editor on how to quickly cut the screen on a win10 computer.

How to quickly take a screenshot in win7 How to quickly take a screenshot in win7 Jun 29, 2023 am 11:19 AM

How to quickly take a screenshot in win7? There are many convenient operating functions in the win7 system, which can provide you with very diverse and convenient services. Many users of the win7 system want to take screenshots through the shortcut keys in the win7 system when using the computer, but they do not know what the specific shortcut keys are, so they cannot use them normally. So, what are these shortcut screenshot keys? Woolen cloth? The editor below will introduce to you the quick screenshot key of win7. Introduction to win7 quick screenshot key 1. Press the Prtsc key to take a screenshot. This will capture the content of the entire computer screen. After pressing the Prtsc key, you can directly open the drawing tool and paste it for use. You can also paste it in the QQ chat box or Word document, and then choose to save it. 2

See all articles