vue project preparation and skeleton construction

First, ensure that these conditions are met:     Then install vue globally cnpm install -g vue-cli After installation, you can use vue -h to view the help documents of vue     vue -list view the templates supported by vue What we will use next is webback     vue init webpack mall The project name must be entered in English. I enter mal here ...

Added by phphead on Fri, 03 Apr 2020 18:20:20 +0300

vue custom panel instruction

vue custom panel instruction In the development of the project, many panels with mask layer are used. These panels are rigid, fixed in size, fixed in position, unable to minimize and so on. I would like to use a vue custom instruction to solve these problems. For any panel, just add a v-panel instruction to the panel e ...

Added by mudi on Thu, 02 Apr 2020 13:40:58 +0300

Are you hungry? Learning (1) basic introduction

Hungry? Study (1) Project preparation Project construction Install vue scaffold npm install -g vue-cli Project initialization Vue init webpack < project name > Others omitted: webpack configuration needs to be recorded separately for learning stylus Learn to use stylus in this project Install stylus and in ...

Added by homerjsimpson on Mon, 30 Mar 2020 22:14:09 +0300

What kinds of webpack plug-ins do you use?

​ background Recently, I've been looking at something related to weback plug-ins. I don't know a lot about weback, but these things are necessary for senior programmers to master. Try to learn. introduce Official website: https://www.webbackjs.com/concepts/plugins/ There are so many things on the ...

Added by skalar on Sun, 15 Mar 2020 11:03:26 +0200

How to configure vue-config.js when creating a project with vue-cli3

After using vue-cli3 to create a project, because the configuration of webpack is hidden, when you need to overwrite the original configuration, you need to create a new vue.config.js file in the root directory of the project to configure the new configuration. There is a big difference between Vue cli ...

Added by Neotropic on Tue, 10 Mar 2020 10:00:09 +0200

Summary of vue project optimization

1. The log console used in the development is set as the development output and not output when running Installation: Babel plugin transform remove console development dependency //Add to babel.config.js file //This is the babel plug-in to be used in the project release phase const prodplugins = [] //Determine whether it is an operating ...

Added by Blade280891 on Sat, 07 Mar 2020 09:54:10 +0200

The adaptation of uni app to the cloud function of wechat applet

Introduction People who are familiar with uni app should know that uni app does not adapt the cloud function of wechat applet (collectively referred to as cloud function in this article). But what if we need to use cloud functions in some business scenarios? We know that cloud functions can be copied to ...

Added by toffler on Sun, 23 Feb 2020 05:15:18 +0200

Three ways for Webpack to configure React to support Typescript

background At the beginning, my project is based on react. I want to use Typescript in new functions and gradually modify the previous code, so I need to support both (TS|TSX) and (JS|JSX). You may not need to support TS and JS at the same time. This article will give the solution points of both cases ...

Added by pandhandp on Sun, 19 Jan 2020 14:36:23 +0200

Umi beginners Documentary - creating projects & common configurations

umi It's an enterprise react Application framework is also the bottom front-end framework of ant gold The front frame and engineering practice of ant gold suit   1, Installation of scaffolding Before you create a project, you need to ensure that you have an environment of node 8.10 or higher Official scaffolding is available create-umi Qui ...

Added by Lumio on Wed, 15 Jan 2020 12:15:44 +0200

Construction of webpack4 architecture and application of vue single component

First, enter the folder of the installation directory, enter npm init initialization package.json: To install webpack and webpack cli locally: NPM install webpack webpack cli - D / / - D refers to the development environment needs, online environment does not need; Create an entry file, configure packet.json for packaging ...

Added by brian79 on Thu, 19 Dec 2019 21:45:44 +0200