上一篇介绍了Docker部署node.js后端应用，那么本文让我们聊聊如何用Docker部署Vue.js应用到阿里云。 假如已经编写好Vue.js应用代码，例如博主写了一个简单的demo，在页面中输出一行文字，demo代码见文章末尾。
转载
2024-01-24 10:15:40
63阅读
VuePress简述VuePress是Vue的作者开发的一套用于快速搭建静态网站的框架，其实从它的名字就可以看出来，如果你对WordPress比较熟悉的话。VuePress的强大之处在于它是以Markdown文档为核心的，如果你已经习惯于用Markdown来写作，而且想基于此搭建一个类似于博客或官方网站类的应用，那么你是时候登录一下VuePress的官方网站了解了一下了，你应该会有所收获！当然，其
转载
2023-12-23 21:01:11
66阅读
VuePress由以Vue驱动的主题系统的静态网站生成工具和优化后的默认主题组成。在容易上手的同时，VuePress还兼容Markdown语法，因此VuePress很适合用于博客。（使用VuePress需要云服务器） 想要使用VuePress，需要对VuePress进行安装和配置。1.设置安全组 这一步的目的是开放22和8080端口。22端口令ecs可以使用SSH连接，8080端口用于实现网页浏览
转载
2024-05-14 13:45:42
61阅读
Docker 部署 vue 项目#
Docker 作为轻量级虚拟化技术，拥有持续集成、版本控制、可移植性、隔离性和安全性等优势。本文使用Docker来部署一个vue的前端应用，并尽可能详尽的介绍了实现思路和具体步骤，以方便有类似需要的同学参考。Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的容器中，该容器包含了应用程序的代码、运行环境、依赖库、配置文件等必
转载
2023-12-28 16:56:59
117阅读
cmd命令行创建vue框架注意：前提条件是先安装好node.js，然后配置好环境变量。这里介绍两个版本的创建；一、配置版本1.0的vue-cli框架：1、配置环境变量NODE_PATH：D:\S3S155\node.js\node_global\node_modules：2、添加环境变量path：D:\S3S155\node.js\node_global：3、打开cmd命令台全局安装vue-cli
转载
2023-12-01 11:08:21
51阅读
目录一、概述二、vue推荐开发环境三、node介绍及安装1、npm是什么：2、node是什么3、npm和Node.js的发展4、node安装5、安装vue-cli四、新建vue项目五、打包运行一、概述我们使用Vue.js一定要安装node.js吗？准确的说是使用vue-cli 搭建项目的时候需要nodejs。你也可以创建一个 .html 文件，然后通过如下方式引入 Vue，一样
转载
2024-01-14 20:33:56
64阅读
文章目录1.基于vite构建，create-vue创建一个新的vue项目（官方推荐）1.1也可以通过create-vite这个第三方包初始化新项目（创建vue、react都可以），具体如下：2.基于webpack方式创建项目，安装脚手架vue-cli：3.通过 CDN 使用 Vue vue依赖于npm和node，又因为npm依赖于node，所以在新建项目前先安装好node，也可以安装nvm后续方
转载
2024-08-17 09:25:31
161阅读
前言今天是国庆中秋双节前一天，我在上海，在的知几个朋友都回老家过节了，打开携程看了看机票价格，清醒的认识到还没赚够买机票的钱！望着故乡的方向，不禁感叹！环境准备1.docker环境一个2.vue项目一个接下来主要是前端编译后的代码打包通过Dockerfile打包Docker镜像！VUE项目1.打包目录设置这里如果没有特殊要求那么建议使用默认的打包目录，如果有特殊目录设置需求的话那么需要在线面Dockerfile中配置特殊目录设置在项目根目录先创建vue.config.js文件modul
原创
2022-12-01 17:19:12
622阅读
一、先查看docker里面是否有nginx的镜像，没有直接去pull一个下来先查看docker里面是否有nginx的镜像，没有直接去pull一个下来
指令：docker images （查看镜像）
docker pull nginx （拉取Nginx镜像）二、首先将vue项目打包成一个‘dist’文件夹上图就是你的vue项目打包成’dist’文件后的目
转载
2024-07-03 15:38:56
694阅读
Vue 是一个前端框架，特点是 数据绑定：比如你改变一个输入框 Input 标签的值，会自动同步更新到页面上其他绑定该输入框的组件的值；组件化：页面上小到一个按钮都可以是一个单独的文件.vue，这些小组件直接可以像乐高积木一样通过互相引用而组装起来一、编辑器选用vscode，下载并安装下载地址：https://code.visualstudio.com/说明：VS Code（Visual Stud
转载
2024-07-22 12:40:40
118阅读
# 如何使用Docker运行Vue项目
## 1. 整体流程
```mermaid
graph TD;
A(创建Dockerfile) --> B(构建镜像);
B --> C(运行容器);
```
## 2. 具体步骤
### 步骤一：创建Dockerfile
```markdown
```Dockerfile
# 基于Node.js镜像构建
FROM node:lat
原创
2024-04-12 04:39:17
59阅读
在师兄的推荐下入坑vue.js ，发现不知如何运行GitHub上的开源项目，很尴尬。通过查阅网上教程，成功搭建好项目环境，同时对前段工程化有了朦朦胧胧的认知，因此将环境搭建过程分享给大家。可以看下我的github：https://github.com/padipata ，里面有我学习、工作写的一些vue项目。言归正传~~首先，列出来我们需要的东西：node.js环境（npm包管理器）vu
转载
2024-02-05 14:00:48
162阅读
一：前言网上太多的教程创建Vue项目都是用命令行，黑窗口和复杂配置对初学者和学习者太不友好了，而且也很少说如何在idea中运行Vue项目。 因此，笔者将在此文引导大家用Vue ui指令来在图形化界面创建Vue项目，引入Element-ui插件，并在Idea中运行。 操作环境：win10、idea2019.1.3、node版本：v12.18.1、npm版本：6.14.5、@vue/cli 4.4.6
转载
2024-07-29 09:57:18
292阅读
一、打包VUE项目 npm run build:prod 二、编写default.conf 文件 server { listen 80; server_name localhost; #charset koi8-r; #access_log logs/host.access.log main; lo
原创
2022-07-22 14:39:08
82阅读
一、打包VUE项目 npm run build:prod 二、编写default.conf 文件 server { lis
原创
2023-03-24 19:51:58
199阅读
此文章主要介绍windows开发环境下docker部署vue项目。一、相关软件vscode、Windows版docker（安装教程见window10家庭版安装docker）、vue项目（自行搭建或使用vue-cli搭建皆可，保证可以正常打包运行即可）二、具体步骤1.首先使用vscode打开vue项目。2.本文选用 Nginx 镜像为基础来构建vue应用镜像，所以先拉取Nginx镜像到本地，在vsc
转载
2023-08-18 17:18:39
134阅读
CentOS Stream 9 使用Docker部署项目准备下载CentOS Stream 9镜像官网服务器在境外 ，访问缓慢可以使用清华镜像官网清华镜像centos安装到本地虚拟机可以使用VMWare Worksation Player进入VMWare软件，新建虚拟机，参数默认即可，后期可以根据需求调整。由于CentOS包管理器yum的下载服务器在境外，比较慢 可以进行换源mkdir /etc/
转载
2024-06-20 11:35:17
82阅读
Docker概述Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中，然后发布到任何流行的 Linux或Windows 机器上，也可以实现虚拟化。容器是完全使用沙箱机制，相互之间隔离，相互之间不会有任何接口。Docker是一种容器化技术。Docker为什么出现在没有Docker之前，开发环境、测试环境、生产环境（指的不是应用的环境，而是服务器的配置环境，
转载
2023-07-11 20:28:18
160阅读
# Docker中运行Vue项目
## 简介
Vue.js是一种流行的JavaScript框架，用于构建用户界面。它具有易学易用的特点，并且在开发过程中提供了许多便利。而Docker是一种容器化平台，可以将应用程序及其依赖项打包到一个独立的可运行单元中。在本篇文章中，我们将介绍如何使用Docker来运行Vue项目，并展示如何配置Nginx作为Vue项目的反向代理服务器。
## 准备工作
在
原创
2023-09-03 09:17:35
46阅读
# Docker Vue 项目的实现流程
## 1. 简介
Docker 是一个开源的容器化平台，它可以帮助我们轻松地构建、部署和运行应用程序。Vue 是一个流行的 JavaScript 框架，它可以帮助我们构建交互式的用户界面。本文将介绍如何使用 Docker 构建和部署一个 Vue 项目。
## 2. 安装 Docker
首先，你需要安装 Docker。可以从 Docker 官方网站（ D
原创
2023-10-01 10:26:53
47阅读
