一、vue单文件组件开发流程（webpack打包）1）源文件目录结构2）package.json3）webpack.config.js HTML Webpack Plugin依据html模板生成一个自动引用你打包后的文件（js或css）的新的html页面，新文件默认名称为index.html。 运行.vue文件，需要依赖vue、vue-loader、vue-template-compiler这
转载
2024-08-17 12:28:24
48阅读
报错信息DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic, see https://github.com/webpack/loade
原创
2022-07-11 10:36:34
189阅读
1. vue-cli3中console.log报错:Module Warning (from ./node_modules/eslint-loader/index.js):
error: Unexpected console statement (no-console) at(1). 原因:
使用ESLint检查代码质量是进行提示的.(2). 解决:
window.console.log(res)
原创
2023-10-14 16:04:54
349阅读
vue生命周期vue的生命周期是指对象的生命周期，其中又分为了三类。 1.创建时期的生命周期、2.运行时期的生命周期、3.销毁时期的生命周期。下面就来说说这三个生命周期。 1.首先我们先创建一个new的对象。2.然后初始化事件和生命周期。3.beforeCreate(){}表示初始化的生命周期函数，代表了函数完全被创建出来了，例如
var vm = new Vue({
el:'#
###原因是已经安装了旧版本vue/cli @1 npm uninstall vue-cli -g npm install -g @vue/cli @2 vue create projectName
原创
2021-07-07 12:48:01
473阅读
首先我们用vue-cli新建项目。全局安装vue-cli npm install -g vue-cli 创建一个名字为demo的项目。 vue init webpack demo 结果报错了，错误如下： 在网上找了很多，没发现同样的错误，试了网上很多方法也不管用，然后看到一篇文章说要更新一下node
原创
2022-06-20 10:08:20
156阅读
# 将 Vue 3 应用程序部署到 iOS 设备的完整指南
作为一名刚入行的开发者，学习如何将 Vue 3 应用程序打包并部署到 iOS 设备是一个很有意义的任务。本文将详细介绍整个流程，并提供相关代码示例和说明。
## 流程概述
以下是将 Vue 3 应用程序运行到 iOS 设备的基本步骤：
| 步骤 | 描述
# Vue 3 在 iOS 上运行的指南
Vue.js 是一款流行的前端 JavaScript 框架，它让开发者能够更高效地构建用户界面。在这篇文章中，我们将探讨如何将使用 Vue 3 的应用打包并运行在 iOS 环境下。我们将逐步了解如何从开发环境转向生产环境，同时通过代码示例和图表深入解析这一过程。
## 环境准备
在开始之前，我们需要确保开发环境的配置正确。首先，请确保你已安装以下工具
一.在pycharm中开发vue'''
webstorm(vue) pycharm(python) goland(Go语言) idea(java) andrioStuidio(安卓) Php(PHP)
'''
'''
①在pycharm中打开vue项目,在settins下Plugins中下载vue.js
②启动vue项目
-方法1.在Terminal下输入npm run serve
-方法2
转载
2023-12-27 21:17:10
283阅读
vue 项目 npm run dev 运行时报错：npm ERR! xxx@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js原
原创
2023-05-26 00:00:29
421阅读
springbot+vue项目的打包部署
springbot+vue项目的打包部署使用vue进行前后端分离式开发，但最终部署还是要将前端放到后端中统一部署。一、打包1.前端打包（1）流程通常，我们的前端是在 VsCode 中开发的，如果想要打包，只需要 ctrl+shift+U 调出命令行；然后输入npm run build 之后在项目中会自动
转载
2024-03-23 21:37:41
800阅读
点赞
使用cnpm 来安装：
具体做法：安装cnpmnpm install cnpm -g --registry=https://registry.npm.taobao.org安装gulp-sass语法都是一样的，只是将npm换成cnpmcnpm install --save-dev gulp-sass
原创
2022-03-10 11:45:17
89阅读
在Kubernetes（K8S）中部署前端应用，特别是基于Vue.js框架构建的前端应用是一项常见的任务。这篇文章将教你如何实现“vue dist部署”到Kubernetes集群中。
**整体流程**
| 步骤 | 操作 |
| --- | --- |
| 1 | 构建Vue.js应用并生成dist文件 |
| 2 | 创建Docker镜像 |
| 3 | 部署Docker镜像到Kuberne
原创
2024-04-29 12:36:39
101阅读
# Vue Dist 部署指南
## 简介
在实际开发中，我们经常需要将Vue项目打包成静态文件，并部署到服务器上。本文将介绍如何通过命令行将Vue项目打包成dist文件，并将dist文件部署到服务器上。
## 步骤概览
以下是将Vue项目打包成dist文件并部署到服务器上的主要步骤：
| 步骤 | 描述 |
|------|------|
| 1. | 打包Vue项目 |
原创
2024-04-29 12:36:50
921阅读
# 使用 Docker 部署 Vue.js 应用的简易指南
随着前端框架的迅猛发展，Vue.js 以其简洁与高效成为了许多开发者的首选工具。在开发完成后，如何高效地将 Vue.js 应用部署到服务器上成为了一个重要的话题。Docker 是一种流行的容器化技术，可以帮助我们轻松打包和部署应用。本文将介绍如何使用 Docker 部署一个 Vue.js 应用的静态文件。我们将通过一个示例项目以及相应的
原创
2024-08-11 06:50:19
60阅读
Nginx简介Nginx是一个高性能的和反向代理web服务器，同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点（俄文：Рамблер）开发的，第一个公开版本0.1.0发布于2004年10月4日。2011年1日，nginx 1.0.4发布。其特点是占有内存少，并发能力强，事实上nginx的并发能力在同类型的网页服务器
什么是docker? 1个系统包含多个服务，则需要多个服务器进行部署，后来有了vm虚拟机，则可以节省物理服务器；docker是在虚拟机上的又一个演进；在一台强大的物理机上实现部署多个服务；类似于虚拟机但比虚拟机更好；把所有的服务包括已经它的依赖redis mq等等一套完整的资源打包成一个镜像，可以快速的拷贝；容器使用沙箱机制，相互之间完全隔离；开箱即用 快速部署 可移植性强 环境隔离wi
electron-vue报错：Webpack ReferenceError: process is not defined博客说明文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！问题截图问题说明在搭建electron的项目的时候出现了这样的问题，原因大概就是node.js的版本问题，在nodejs的11版本没有出现这样的问题，一般是nod
转载
2021-05-10 21:38:32
917阅读
2评论
Loaders cnpm install vue-loader@14 vue-template-compiler --save-dev webpack.config.js module: { rules: [{ test: /\.vue$/, use: ['vue-loader'] }], }, A
转载
2021-07-07 16:44:00
108阅读
Loaders cnpm install vue --save webpack.config.js resolve: { // 解决运行时报错 alias: { 'vue$': 'vue/dist/vue.esm.js' } } 使用 import Vue from "vue";
转载
2021-07-07 14:36:00
61阅读
