Vue-CLI 3.x 自动部署项目至服务器】的更多相关文章

前言 平时部署前端项目流程是:先部署到测试环境ok后再发布到生产环境上,部署到测试环境用 xshell 连上服务器,然后用 xftp 连接服务器,然后本地 build 项目,接着把 build 好的文件通过 xftp 上传到服务器上,整个流程感觉稍有繁琐,重复. 本教程讲解的是 Vue-CLI 3.x 脚手架搭建的vue项目, 利用scp2自动化部署到静态文件服务器 Nginx 一 安装scp2 scp2是一个基于ssh2增强实现,纯粹使用JavaScript编写. 而ssh2就是一个使用nod…
前面使用maven.ant编译项目就不说,只说一下使用jenkins的插件自动部署项目 1.首先jenkins安装插件Deploy to container Plugin ,下载地址为:https://wiki.jenkins-ci.org/display/JENKINS/Deploy+Plugin 2.安装完后,将会在项目配置中见到一下选项 3.配置tomcat远程部署账号,在tomcat目录下conf文件内tomcat-users.xml 文件增加以下配置 <role rolename=&quo…
开发JavaEE项目,常用的工具有MyEclipse,Eclipse,netBeans等,我比较喜欢用Eclipse,因为相比MyEclipse体积小很多,响应速度也快,且足以满足需求,我喜欢简洁的编程风格.MyEclipse加了很多插件,尤其是可以自动部署项目到Tomcat服务器,复制一个已有的项目,在项目上点右键,选择Properties,修改下Web Project Settings为新的项目名称,比如修改login1为login2,deploy下,就到tomcat的webapps下自动生…
Pycharm自动部署项目 大家好呀,又有几天不见各位了.断更了几天,给大家说声抱歉.清明节大家都挺忙的,有扫墓祭祖的,也有趁小长假去游玩的. 所以,在节后,更新也会照常进行,继续给大家分享本人的一些技术教程和感悟.如果对于本人写的内容,大家如果会的话,就当温习一下了,如果不会的话,就不妨看一下,了解一下,万一未来那一天就会用到了呢?对吧. 豪华分割线 OK,那么我们就进入今日的主题.如果利用Pycharm自动部署项目. Pycharm这个工具,很多很多写Python的同学都知道的.强大的智能提…
一.前言 在上一章中,我们开始通过 Vue CLI 去搭建属于自己的前端 Vue 项目模板,就像我们 .NET 程序员在使用 asp.net core 时一样,我们更多的会在框架基础上按照自己的开发习惯进行调整.因此在后面几章的学习中,我将会在整个项目基础上,按照自己的需求进行修改设定. PS:因为毕竟自己还是传统意义上的后端开发,所以这里最终搭建完成的前端项目模板,其实是按照 PanJiaChen 开源的 vue-admin-template 模板进行修改仿写,所以你可以把这个系列后续的文章当…
前提条件: 安装node.js. 国内的开发者最好先配置淘宝镜像. 之后用cnpm来代替npm命令. 项目创建过程: 打开cmd,输入命令进入目标工作空间,以本机项目为例: cd /d d: cd D:\workplace 输入全局安装vuecli的命令:cnpm install -g @vue/cli 输入检查vue版本的命令:vue --version 如果版本为3.0+,则继续. 输入创建项目的命令:vue create vue-sell-cube 会看到 ? Your connectio…
一 Web Server(Windows)端的配置 1.配置IIS,重要的是管理服务 1.1 配置FTP(前端NPM项目需要) 该步骤略,如果是在阿里云ESC上,需要开启端口21(用来FTP认证握手)和端口40000-60000(用来上传文件)之间. 2.Net Core与.Net Framework. 2.1 .NET Core的运行环境还是生产环境还是测试环境取决于系统环境变量 :ASPNETCORE_ENVIRONMENT 有两个值:Development和Production .Net…
第一部分 之前一直不太理解为什么要使用vue+webapck,还有在使用了vue-cli之后会用到后台,即vue-cli自动帮我们安装了express服务器,在本地服务器上运行,因为我们希望可以模拟在真是服务器上的效果,然而又不可能始终在真实的服务器上运行,所以在本地服务器上运行就很重要了. 但是通过vue+webpack构建的项目如何部署到服务器上呢? 首先VUE 是一个javascript的前端框架,注定了它是运行在浏览器里的,对服务器本地没有任何要求,只要一个静态文件服务器能通过http访…
本地安装vue-cli 前置条件 更新npm到最新版本 命令行运行: npm install -g npmnpm就自动为我们更新到最新版本 淘宝npm镜像使用方法 npm config set registry https://registry.npm.taobao.orgcnpm config set registry https://registry.npm.taobao.orgyarn config set registry https://registry.npm.taobao.org配…
首先,电脑安装了node.js官方要求8.9 或更高版本 (推荐 8.11.0+) npm install -g @vue/cli # OR yarn global add @vue/cli 全局安装,(由于我用的是yarn 后续都使用yarn进行操作) 安装完成后有键入 vue --version 输出 @ vue/cli 4.2.2 说明安装成功. 开始创建项目 到想要创建项目的地方,键入 vue create demo 回车 选择 然后,空格键选择 之后依据自己的需求选择即可,选择结束后自…
当一个项目需要纳入到版本控制的时候,选择的工具还是比较多的,最常见的就是工具有CVS,SVN,GIT等.在平时的开发中视情况而定,从来就没有最好的版本控制工具,只有最适合的工具.在这里我习惯用git来管理自己的项目,当然之前使用svn管理的,但是当用了git工具就不愿意再用其它的工具来管理.这里除了习惯之外,git的很多功能是svn不具备的,最简单的就是离线提交,用git管理的项目你会发现整个项目的大小变化不大,不像svn那样每个目录又有一个.svn 的目录,而且会使项目的变得很大.关于git与…
1 subversion目录文件说明: *dav目录:是提供apache与mod_dav_svn使用的目录,让他们存储内部数据*db目录:就是所有版本控制的数据存放文件*hooks目录:放置hook脚本文件的目录*locks目录:用来放置subversion见艰苦锁定数据的目录,用来追踪存取文件库的客户端*format文件:是一个文本文件,里面只放了一个整数.表示当前文件库配置的版本号 *conf目录:是这个仓库的配置文件(仓库的用户访问账号.权限等)   安装: 1 检查是否已安装 rpm -…
提前条件: 1.在Jenkins服务器上安装Git.JDK和Maven 2.准备另一台服务器并安装Tomcat 3.Gitlab服务器 4.Gitlab仓库中上传SpringBoot项目代码 第一步,Jenkins中配置JDK和Maven 1.配置JDK 2.配置Maven 第二步,在freestyle job中配置git和Maven 第三步,修改SpringBoot项目配置 1.项目入口类继承 SpringBootServletInitializer 并实现 configure方法 @Spri…
每次开发Java项目时,对于所有Java开发人员来说,最枯燥的不是修改代码,而是实时将自己的代码上传至远程服务器,进行测试或者部署,本人最初开发也是这样,通过使用Xshell 5,WinSCP等工具对项目进行远程部署测试,每次都得花大量时间,对  开发和部署来说,太过于繁琐,后来发现捷克公司开发的工具捷克IntelliJ IDEA具有将Java项目部署到远程服务器的功能,为开发提供了很大的帮助. 这几种部署项目到远程服务器的操作方式,我为大家一一介绍: Xshell 5 使用Xshell 5可以…
DevOps思想 一个开发.测试.运维的整个过程的思想. plan:需求.计划 code:编码 build:构建 test: 测试 release:发布版本 deploy:部署 operate:项目运转 monitor:监控 Jenkins主要做自动部署的工作. 准备一个简单的springboot项目,并用码云管理代码 ![](Jenkins.assets/image-20210131115025348.png 编写dockerFile FROM:使用java:8作为基础镜像 COPY:拷贝所有…
Maven自动部署war到Tomcat1. 在maven项目的pom里配置如下信息 <build> <finalName>dianxiao</finalName> <!-- WAR包的名字 --> <plugins> <plugin> <groupId>org.codehaus.mojo</groupId> <artifactId>tomcat-maven-plugin</artifactId…
工作中经常需要把web项目打成war包之后部署到tomcat服务器上,每次更新时步骤比较类似,这里提供公共步骤,编写名为auto_deploy.sh的shell脚本,只需要传递两个参数即可自动完成部署操作.舒服! 参数1:要部署的工程名 参数2:要部署文件的路径 shell脚本如下: #传递参数 要部署的工程名 要部署文件目录路径 #!/bin/bash #需要修改的地方 start-- #工程名 readonly project_name= #端口号 readonly port= readon…
参考博客,我选了一种最简单的方法来部署项目. 在tomcat 目录下 的  conf\Catalina\localhost 目录中,新建一个   ' 项目名.xml '   文件,名字用项目名表示, 内容为<Context  docBase="C:\FTPRepertory\venus" reloadable="true" /> docBase为 war 包存放的位置. 需要注意的是,如果想用 bin 目录下的 starup.bat 启动项目, 需要配置…
在部署tomcat项目的时候,除了把war文件直接拷贝到tomcat的webapp目录下,还有一种方法可以浏览器中管理和部署项目,那就是使用tomcat manager. 默认情况下,tomcat manager是不可用的,因为它的用户角色和密码并没有正确配置. 这里采用的是tomcat7.0.打开conf文件夹下的文件tomcat-user.xml tomcat原配置 <!--   <role rolename="tomcat"/>   <role rolen…
wo大前端在开发环境下,需要将项目部署到测试环境,webstorm进行基础配置操作就可实现. 一.在Deployment选项下配置远程服务器地址 点击加号,选择type类型,Name自己填,帮你找到这个远程部署的配置. Host为远程服务器地址.例如:192.168.2.xxx. Root path 服务器文件配置路径,填写的路径就是你项目上传服务器保存的路径. Web server URL在远程服务器地址前添加:http:// 即可.例如:http://192.168.2.xxx. User…
1.tomcat配置 在tomcat目录中的conf目录下找到tomcat-users.xml配置文件,然后搜索tomcat-users,进行tomcat用户的角色和权限配置,如下: <tomcat-users> <role rolename="manager-script"/> <role rolename="manager-jmx"/> <role rolename="manager-status"/…
1.Eslint js代码规范报错 WARNING Compiled with 2 warnings 10:43:26 ✘ http://eslint.org/docs/rules/quotes Strings must use singlequote src/components/HelloWorld.vue:43:9 name: "HelloWorld", ^ ✘ http://eslint.org/docs/rules/space-before-function-paren Mi…
使用 npm run build 打包项目 在根目录中有一个dist文件夹 我使用的服务器是 Apache  Tomcat 把项目放进tomcat /webapps 中 启动服务器 <mac OS tomcat 启动/停止服务> 访问地址 http://localhost:8080/cnode…
pom.xml中加入以下 配置发布路径 <build> <!-- 发布名 www.locathost:8080/HelloWeb可以访问,如果改成ROOT那么 默认的tomcat也就能访问了 --> <finalName>HelloWeb</finalName> <plugins> <plugin> <groupId>org.codehaus.cargo</groupId> <artifactId>…
1.安装Jenkins sudo wget -O /etc/yum.repos.d/jenkins.repo https://pkg.jenkins.io/redhat-stable/jenkins.repo sudo rpm --import https://pkg.jenkins.io/redhat-stable/jenkins.io.key yum install jenkins 安装完之后找到jenkins的war包 find -name "jenkins" 2.运行 nohu…
现在在前后端分离的开发形式中,每次前端将VUE项目打包之后,需要后端程序员部署到服务器上.这过程为何没有用git,因为每次vue打包后的文件都不相同与前一次打包,git为何的话,会包含过大迭代版本,同时git提交过多小文件速度也不快. 传统的方式 windows系统下xshell可以直接用文件管理工具(类似ftp),将压缩包上传服务器(如 /data/www/project1),同时将旧的所有备份到/data/www/project1/bak/ 利用shell编程,一键运行部署 思路: 1.使用…
搭建博客网站 作为名程序员,或者是网络编程爱好者,拥有一个自己的博客网站再好不过,本篇文章手把手教你部署自己的网站…
场景:linux中自动部署项目在工作中经常遇到,快速高效的部署项目能够大幅提高工作效率.现在将项目部署的过程记录下来,以供参考,其中用到的知识点现在还有很多不很清楚,后面要好好琢磨琢磨! 1 项目部署过程 1.1 项目结构 典型的spring框架项目,只不过为了将应用和服务相分离,做成了三个部分,service和web之间通过hessian方式进行通讯! 该项目的手工部署方式是: 先对common项目执行clean install 的maven命令 对service和web分别执行clean p…
导读 首先说说自己为啥要用maven管理项目,一个直接的原因是:我在自己电脑上开发web项目,每次部署到服务器上时都要经历如下步骤: 首先在Eclipse里将项目打包成war包 将服务器上原来的项目文件夹删掉 cd /var/lib/tomcat7/webapps sudo rm XXX.war sudo rm -rf XXX 将war包传到服务器上,比如用pscp命令上传 pscp -pw "xxx" XXX.war username@ip:/var/lib/tomcat7/weba…
每次开发Python项目时,对于所有Python开发人员来说,最枯燥的不是修改代码,而是实时将自己的代码上传至远程服务器,进行测试或者部署,本人最初开发也是这样,通过使用Xshell 5,WinSCP等工具对项目进行远程部署测试,每次都得花大量时间,对开发和部署来说,太过于繁琐,后来发现捷克公司开发的工具捷克JetBrainsPyCharm具有将Python项目自动部署到远程服务器的功能,为开发提供了很大的帮助. 这几种部署项目到远程服务器的操作方式,我为大家一一介绍: Xshell 5 使用X…