How to use vue-cli scaffolding to quickly deploy engineering projects

How to use vue-cli scaffolding to quickly deploy engineering projects Reason why engineering is needed: Modular development: Engineering allows developers to divide the entire project into small modules, each focusing on specific functions. This modular development makes code easier to organize, maintain, and reuse. Automated construction: Engineering tools can automatically perform tasks such as code […]

Vue CLI scaffolding installation, construction, configuration and CLI project analysis

Table of Contents 1. Quick Start with CLI 1. Official introduction: 2. Install Vue CLI: 3. Build Vue CLI: 4.IDEA configures Vue CLI: 2. Vue CLI project analysis 1. Structural analysis: 1.1 config 1.2 node_modules 1.3 src 1.4 static 2. Process analysis: 2.1 main.js 2.2 router/index.js 2.3 components/HelloWorld.vue 2.4 App.vue 2.5 index.html 1. Quick Start […]

Vue3 encapsulates custom instructions and hooks, and publishes npm packages

Requirements: Encapsulate a function that requires monitoring the width and height changes of the DOM, and supports both custom instructions and hooks. Step 1: Create the project folder v-resize-xm 1. Create the src folder in the v-resize-xm folder Execute the pnpm init command to generate a package.json file 2. Install ts sudo npm install -g […]

Starting from single testing, improve the underlying API effect function in the Vue3 source code

Based on the effect method implemented in the previous article, based on the single test in the Vue3 source code, three functions of this method are improved, namely: runner: effect can return a self-executing parameter runner function scheduler: effect supports adding the scheduler function in the second parameter option stop: effect Adds stop function runner […]

[vue+amap] Gaode map draws polygonal area

Reference documentation: Amap Reference Manual Amap sample code 1. Create an application in the Amap console and obtain permission ak Gaode map console Ps. In this project, basic controls such as buttons use the element-ui version control. 2. Global introduction within the project Introduce the Amap code into index.html: <script type=”text/javascript”> window._AMapSecurityConfig = {<!– –> […]

vue implements printing function (can print multiple pages)

When we use the vue-print-nb” plug-in, we find that we can only print one page, which is very uncomfortable. Now we have encapsulated a tool class that can print multiple pages, which is simple and convenient. Not much to say, Go directly to the code. Introduce the tool class first 1. Create the print.js file […]

Using JsSIP for audio and video calls in Vue

JsSIP official website address: Download the JsSIP plug-in: npm install jssip; Introduced into the project: import JsSIP from “jssip”; Initialize SIP let currentSession; let userAgent; let peer; var msg_log = null; sip_init () {<!– –> let _this = this; msg_log = {<!– –> el: document.querySelector(“.message”), log(msg) {<!– –> console.log(“msg”, msg); this.titleText = msg; this.el.innerHTML […]

The H5 page based on vue 2.0 uses H5’s own positioning, Amap positioning, search for surrounding merchants, coverage markers, and positioning to the current city.

Use Gaode map positioning, search for surrounding merchants, and cover markers in the Vue-based H5 page First install the Amap plug-in npm i @amap/amap-jsapi-loader –save Map hosting container <template> <div id=”container”></div> </template> Map container style <style scoped> #container{<!– –> padding:0px; margin: 0px; width: 100%; height: 800px; } </style> Introduce JS API Loader, initialize the map, […]

vue2 upgrade vue3

long long ago I made a component library related to Vue low-code tools. Due to the needs of the new business system, I wanted to apply this to the new business system. I started to connect to ing with joy, and suddenly found… the new business system is Vue3… The old component library uses vue2 […]