Jenkins 自动构建 vue 前端项目：平时部署前端项目每次都需要前端人员build打包，然后给后端，后端丢到服务器上，但是这个确实很麻烦，有时候一天得发好多次，很是麻烦，而且出错概率高，所以今天来弄下自动部署 前端项目jenkins git node ，npm 必须要装（jenkisn安装可以看我之前发的jenkins安装笔记，node 和 npm 安装相对简单，就不做介绍了）具体思路：je
转载
2024-03-23 08:50:54
62阅读
<% for(var css of htmlWebpackPlugin.options.cdn.css) { %> <% } %> <% if(process.env.VUE_APP_ENV == 'development') { %> <% } %> <% for(var js of htmlWe ...
转载
2021-08-24 11:33:00
1355阅读
2评论
vue全家桶:vue-router，vuex， vue-resource，再加上构建工具vue-cli，就是一个完整的vue项目的核心构成（这里建议使用Axios，尤大大推荐使用Axios，并且放弃了对其官方库vue-resource的维护，其有很多特性：拦截请求和响应、取消请求、转换json、客户端防御XSRF等）。vue-cli构建工具降低了webpack的使用难度，支持热更新（webpack
转载
2024-03-22 21:13:03
63阅读
1、进入项目文件夹 E:\AAAA\Vue> 2、生成项目 执行 vue init webpack MyVue 3、查看vue-cli 构建的文件夹内容： 4、用node运行 E:\AAAA\Vue>cd myvue E:\AAAA\Vue\MyVue>npm run dev 5、查看运行结果：ht ...
转载
2021-10-21 08:34:00
119阅读
2评论
# nodejs安装：https://www.runoob.com/nodejs/nodejs-install-setup.html # 打
原创
2022-10-01 08:15:07
76阅读
**1 安装步骤** 1.创建一个目录，我们这里定义为Vue 2.在Vue目录打开dos窗体，输入如下命令：vue create myproject 3.选择自定义 4.先选择要安装的项目，我们这里选择4个 5.选择yes 6.选择SCSS/SASS 7.选择第一个 9.选择自己的配置文件 10.选择no11.等待下载完成12.下载完成后，需要安装一下相关插件，进入到“package.json”文
以下记录vue-cli 3构建app项目的步骤。一、初始化配置，并运行启动app1、安装nodeJS,git ,配置环境，Vue CLI 3.x 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。2、安装vue-cli ,命令：npm install -g @vue/cli3、创建项目：vue create mapp-demo推荐vue ui 使用图形化界面创
参考资料:Vue2.0 新手完全填坑攻略—从环境搭建到发布1.Node.js安装 https://nodejs.org/en/download/2.安装vue-cli npm install -g vue-cli3.使用vue-cli初始化项目vue init webpack-simple my-project-name4、进到目录cd my-project5、安装依赖 npm ins
转载
2018-01-03 10:15:00
213阅读
2评论
参考资料:Vue2.0 新手完全填坑攻略—从环境搭建到发布 1.Node.js安装 https://nodejs.org/en/download/ 2.安装vue-cli npm install -g vue-cli 3.使用vue-cli初始化项目 （图片来源网络，侵删） 4、进到目录 cd my
原创
2021-07-30 14:32:00
304阅读
参考资料:Vue2.0 新手完全填坑攻略—从环境搭建
转载
2022-03-28 18:05:05
133阅读
参考资料:Vue2.0 新手完全填坑攻略—从环境搭建到发布1.Node.js安装 https://nodejs.org/en/download/2.安装vue-cli npm install -g vue-cli3.使用vue-cli初始化项目 vue init webpack-simple my-project-name
转载
2021-06-30 15:58:26
210阅读
1、vue构建版本 vue构建版本分为：UMD、CommonJS和ES Module 三种。 https://cn.vuejs.org/v2/guide/installation.html 区别： 所以我们需要ES Module版本的Vue。 2、使用完整版还是运行时版 因为我们组件开发时，基本都是
转载
2018-12-17 15:26:00
165阅读
2评论
# 使用 Vue 构建 Docker 镜像
在现代软件开发中，使用容器化技术已成为一种标配。Docker 是一种流行的容器化平台，它可以使我们更轻松地构建、部署和管理应用程序。Vue 是一种流行的前端框架，它提供了一种简单的方式来构建用户界面。本文将介绍如何使用 Vue 构建 Docker 镜像，以便我们可以轻松地将 Vue 应用程序部署到 Docker 容器中。
## Docker 简介
原创
2023-09-20 06:08:11
217阅读
通过Docker构建Vue应用的完整指南
在现代Web开发中，使用Docker来构建和部署Vue应用程序已经成为一种流行的实践。这不仅简化了开发和生产环境中的一致性，还提高了应用的可移植性。本文将系统地记录如何通过Docker构建Vue应用的Dockerfile文件，涵盖环境预检、部署架构、安装过程、依赖管理、配置调优及版本管理等方面。
## 环境预检
### 系统要求
| 系统类型
Vue/cli 构建项目坚持写作vue系列让我自己收获很多，对之前很多理解不透彻的地方又多了一些理解，也试图将自己的理解变成文字分享给更多的人，无奈文字功底有限，有些地方可能表达的不是很清楚，还望各位读者多多包含，同时希望大家能给予指摘改正。掘金系列地址：juejin.cn/user/296393…前14篇基本上写完了vue2.6版基础的所有内容，下来的几篇将进入vue的生态周边，vue-rout
转载
2021-01-20 11:30:51
211阅读
2评论
1、官网说明 https://cli.vuejs.org/zh/guide/build-targets.html#%E5%BA%93 2、输出文件 dist/myLib.common.js：一个给打包器用的 CommonJS 包 (不幸的是，webpack 目前还并没有支持 ES modules 输
转载
2020-04-02 11:16:00
112阅读
2评论
本教程将向你展示如何使用Jenkins编排并构建一个使用Maven管理的简单Java应用程序。如果你是使用Maven的Java开发人员，并且对CI/CD概念不熟悉，或者你可能熟悉这些概念，但不知道如何使用Jenkins实现构建应用程序，那么本教程适合你。你将在Github示例仓库中获取一个输出"Hello world!"字符串的简单Java应用，该应用还包含若干单元测试，用于检查main方法。 测
# Docker Vue 构建加速指南
在目前的前端开发中，Vue.js 是一个非常流行的框架。然而，有时候在构建 Vue 应用时，速度可能比较慢。通过 Docker 进行构建时，可通过一些高级技巧实现加速。本文将教授你如何在 Docker 中加速 Vue 应用的构建过程。
## 流程概述
下面是整个过程的步骤表：
| 步骤 | 描述 |
|----
vue-video-play使用方法最近项目中有需求要求查看监控，并且需要在请求视频的时候，带上特定的请求头，这样原生的video标签就无法满足需求，只好在网上开始寻找解决方案。最后目光落在了vue-video-play上。首先安装 vue-video-player 我这边是m3u8的视频，所以还要安装videojs-contrib-hlsnpm install vue-video-player
转载
2024-07-06 14:02:17
33阅读
一、创建项目 vue create hello-world 你会被提示选取一个 preset。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset，也可以选“手动选择特性”来选取需要的特性。 这个默认的设置非常适合快速创建一个新项目的原型，而手动设置则提供了更多的选项，它们 ...
转载
2021-10-02 13:00:00
177阅读
2评论
