打包前准备工作1. 安装进度条依赖 nprogress打开main.js 添加配置//导入进度条插件---------------?
import NProgress from 'nprogress'
//导入进度条样式
import 'nprogress/nprogress.css'
//---------------------------?
请求在到达服务器之前，先会调用use中的这个回调函
【首先安装node.js】：
1. 从node.js官网下载并安装node，安装过程很简单。
2. npm 版本需要大于 3.0，如果低于此版本需要升级它：# 查看版本
npm -v
2.3.0#升级 npm
cnpm install npm -g3.基于node.js,利用淘宝npm镜像安装相关依赖。由于国内使用npm会很慢,这里推荐使用淘宝NPM镜像（http://npm.taobao
vue 打包优化路由按需加载通过vue写的单页应用时，可能会有很多的路由引入。当打包构建的时候，javascript包会变得非常大，影响加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应的组件，这样就更加高效了。这样会大大提高首屏显示的速度。const Home = () => import( './Home.vue')
const route
一、理解打包当项目上线后，用户不可能页通过localhost:8080访问我们的页面，只能把项目放到服务器中，才能提供给用户访问，所以vue-cli内部集成的webpack，把vue、less、js等打包成浏览器可直接执行的代码。 （1）、进行打包打包命令 num run build 输入完命令后 会在项目的根目录创建一个dist目录 这个目录里面就是我们打包后的结果。&nbs
转载
2024-06-05 05:02:27
1375阅读
全局css样式，首先在静态assets中写好文件，然后要在main.js中配置// 配置全局css样式
// import '@/assets/css/global.css'
require('@/assets/css/global.css')
//上面两种都可以实现全局样式的导入，但是第二种容错率较好，更健壮，比较常用，第一种对环境要求比较高2. 全局js样式，也是首先要在静态assets文件
文章目录一、前言二、实现什么三、数据传递3.1 通过 Prop 向子组件传递数据3.2 emit 的使用四、Demo五、属性介绍六、全局组件与局部组件6.1 全局组件挂载6.2 局部组件挂载 一、前言做前端项目开发，创建自定义组件是必不可少的一项基本技能，前端应用框架（像Vue、React、Angular）都已提供一些已封装好、可复用的组件。但在实际项目开发过程中，根据具体的项目需求，会遇到一些
转载
2024-09-18 12:41:43
114阅读
1.BootstrapVue Argon Dashboard PROBootstrapVue Argon Dashboard PRO是BootstrapVue和Vue.js的高级仪表板。这是一种全新产品，它基于我们从头开始重新构建的最新框架结构，这种结构旨在使产品更直观，更具适应性，并且更易于定制。让Argon以其酷炫的功能给你带来惊喜，让你的项目达到一个全新的水平。https://demos.c
从 vue2 升级到 vue3，vue3 是可以兼容 vue2 的，所以 vue3 可以采用 vue2 的选项式API。由于选项式API一个变量存在于多处，如果出现问题时，就需要去多个函数内检查，项目较大时，遇到问题，增加排故的难度。所以 vue3 中新增了 setup 配置项，用它来写组合式API。一、选项式API 和 组合式API 区别有些同学稀里糊涂用了vue一年了，竟然不知道选项式api
转载
2024-06-06 12:43:40
49阅读
前言：随着ES的普及我们越来越多的开始使用ES6的语法了，当然也随着mvvm框架的流行少不了js模块化，那js模块化又有那些呢在很早的时候大家都用的命名空间，现在也有人用（库名.类别名.方法名）后来出现了CommonJS、AMD、CMD、UMD，现在流行ES 6 moduleCommonJS的基本介绍：一个文件为一个模板，通过module.exports暴露模块接口，通过require引入模块，同
转载
2024-07-22 15:59:06
118阅读
自我感觉，文件压缩打包这块很好学，别看压缩命名多，好几个不常用，常用的几个选项基本都通用。就会产生一个很好的结果，只要学一个命令的选项，剩下的几个命令只要记住名字就可以了。
本篇的重点在tar命令，大部分网上的文件都是经过打包压缩处理过的。
linux中常见的压缩文件的扩展名：*.gz *.bz2 *.xz *.tar *.tar.gz *.tar.b
webpack 是一个现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时，它会在内部构建一个 依赖图(dependency graph)，此依赖图会映射项目所需的每个模块，并生成一个或多个 bundle。入口(entry) 输出(output) loader 插件(plugin) 模式(mode) 浏览器兼容性(browser compatibility)入
ES模块是JavaScript在ES2015版本开始提供的语言标准级别的模块化方案，在此之前JavaScript一直没有语言级别的模块化体系。本文我们来看一下vue.js中的ES模块的使用。 Vue 2.6版本的一个新特性是包含了一个ES模块浏览器构建，允许您像这样在页面上加载Vue:<script type="module">
import Vue from 'http
转载
2024-04-19 07:01:09
43阅读
我们知道，在NodeJS之前，由于没有过于复杂的开发场景，前端是不存在模块化的，后端才有模块化。NodeJS诞生之后，它使用CommonJS的模块化规范。从此，js模块化开始快速发展。模块化的开发方式可以提供代码复用率，方便进行代码的管理。通常来说，一个文件就是一个模块，有自己的作用域，只向外暴露特定的变量和函数。目前流行的js模块化规范有CommonJS、AMD、CMD以及ES6的模块系统。下面
转载
2024-05-21 07:01:10
178阅读
一、介绍
（1）概念webpack 用于编译 JavaScript 模块，是 JavaScript 静态模块的打包工具。从 webpack v4.0.0 开始，可以不用引入一个配置文件。
（2）核心
1.入口(entry)：指定webpack打包编译从哪个文件开始下手入口起点(entry point)指示 webpack 使用哪个模块，作为构建其内部依赖
转载
2024-02-26 06:37:26
198阅读
1. Elasticsearch5.5.2安装1.1.Elasticsearch安装步骤#
安装之前需安装
java
环境，并配置
JAVA_HOME
环境变量#
直接下载
Elasticsearch-5.5.2
稳定版的
.tar.gz
包wget https://artifacts.elastic.co/downloads/elasticsearch/elastic
一、新建：可以使用原生的方法去做（虽然麻烦，但是可以很好地理解过程中的原理）我比较懒，就直接使用脚手架生成啦 开始之前，首先了解一下，什么是脚手架？vue-cli : vue脚手架，帮你提供好基本项目结果其本身集成很多项目模板1. simple 基本没有2. webpack 可以使用（一般用于大型项目（包含Eslint检查代码规范，单元测试））3. webpack-simple 个人推荐
转载
2024-03-06 17:52:13
47阅读
1. compilerOptions
target：指定编译出来的 JavaScript 代码的目标执行环境是什么。常用值有 ES3、ES5、ES6/ES2015、ES7/ES2016等。默认为 "ES3"。module：指定模块的生成方式，可以是 CommonJS、UMD、AMD、System、ES2020 等等。一般常用的有 CommonJS 和 ES2020。默认为 "CommonJS"。l
转载
2024-04-09 13:24:39
113阅读
兼容性Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。 安装：1.直接用 <script>
直接下载并用 <script> 标签引入，Vue 会被注册为一个全局变量。 1. 对于制
转载
2024-04-29 21:18:04
17阅读
# Vue和Yarn打包方案
在现代前端开发中，Vue.js是一种流行的框架，而Yarn则是一个优秀的包管理工具。本指南将介绍如何使用Yarn打包一个Vue项目，过程中提供代码示例，并辅助以序列图和旅行图的可视化展示。
## 1. 项目准备
首先，我们需要一个Vue项目。如果你还没有创建一个，可以使用Vue CLI快速初始化一个新项目。打开你的终端，执行以下指令：
```bash
npm
作者：jingQ为什么要用自动集成，当然是为了减少重复操作啦(懒是第一生产力！)例如在工作中，写完业务开发，将代码提交到Git之后，还要自己打包、部署，一两次还行，如果多次提交代码，然后重复的打包、部署，那不得浪费很多时间，所以我们需要自动集成CI，帮助我们解决代码提交后的事情~~所以这次学习了用的比较多的Jenkins工具啦大致思路写文章推送到github的Jenkins收到钩子请求，进行构建执
