1,打包 1.1首先你会在本地编辑好你的代码, 1.2然后在控制台输入 npm run build npm run build 1.3稍等片刻就打包完毕 2,位置 2.1打包完毕之后会在项目中生成一个dist文件,里面有一个html文件还有一个static文件里面就是各种js css 2.2右键你的项目上面 找到Show Explorer 这个就是打开你项目文件夹的方法 2.3进入文件就看到了dist,点击进入 看到了一个static文件夹还有一个index.html 只有这么多 这样打包就是这

服务器配置 购买阿里云服务器 (选择ubuntu 16系统 / 内存2G以上) 安全策略, 入规则: 添加端口 20,21,22, 80, 443, 3306, 8080, 安装宝塔 wget -O install.sh http://download.bt.cn/install/install-ubuntu.sh && sudo bash install.sh 登录宝塔 安装软件 并 修改宝塔端口号. 用宝塔管理网站配置 添加域名 上传程序 虚拟机目录指向程序public目录 设置伪静态

electron是什么 Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库. Electron通过将Chromium和Node.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用来实现这一目的. 快速开始electron 直接运行github上关于electron的构建工具 git clone https://github.com/electron/electron-quick-start cd

亲测,webpack打包vue项目之后生成的dist文件可以部署到 express 服务器上运行. 我的vue项目结构如下: 1. 进入该vue项目目录,打开git bash,执行:npm run build(在package.json的scripts配置) 执行成功如下图所示: 然后此时你会发现项目下多了一个 dist 文件夹,dist下文件便是项目打包之后生成的文件. 此时我们直接在浏览器中打开index.html,是会报错的,什么都看不到. 2. 安装express-generator生成

1.如何用electron-packager electron-builder打包vue项目,打包成桌面程序. 步骤一. 执行npm run build 打包你的vue项目. 打包成功后,生成dist打包后的文件. 在dist打开命令行, 安装electron-packager electron-builder 安装命令  npm install electron-packager    npm install electron-builder 在dist中新增main.js文件,其中内容包括

docker 运行jenkins及vue项目与springboot项目: 一.安装docker 二.docker运行jenkins为自动打包运行做准备 三.jenkins的使用及自动打包vue项目 四.docker运行nginx 五.jenkins打包springboot服务且在docker中运行 1.初始化jenkins(若未初始化过) 1.浏览器输入 http://192.168.37.136:9090 192.168.37.136为虚拟机ip,9090为docker启动容器时映射至8080

因为公司项目要求, 原本的vue移动端项目, 现在要求能使用定位, 调用摄像头等功能, 并且开发成混合APP. 一个小白的孤军奋战史, 记录一下, 以备后用.... 第一步: 安装cordova 在命令窗口执行: npm install -g cordova 第二步: 新建一个cordova项目 同样的在命令窗口执行命令: cordova create cordovaApp com.cordova.testapp cd cordovaApp cordova platform add androi

现在国内越来越多的开发者使用Vue开发混合app,但是当大家开发完成过后才发现不知道该怎么将Vue项目打包成app. 据我现在的了解打包Vue项目目前流行的就是使用weex和cordova.weex是阿里提供并且Vue的作者也极力推荐的,有兴趣的可以去学习使用一下.因为我本身是做angular+ionic的,所以比较青睐cordova,下面我就教大家怎么使用cordova打包Vue项目: 第一步:安装cordova 如果已经安装则直接跳过,否则执行以下命令: npm install -g cor

接着上篇nw打包vue项目exe中: copy /b nw.exe+dome.nw dome.exe 出现了dome.exe文件之后,要是打算打包成为安装包,网上推荐的是Inno Setup Compiler软件, 打开Inno Setup Compiler, 点击OK,接着点击next: name为安装包名,version为版本号,点击next到: flie:nw文件夹中的这个dome.exe文件,选择Add folder为nw这个文件夹,然后next: file name 为项目名,icon

部署准备:javaJDK1.7,Tomcat7.0,MySQL5.8,可运行的javaWeb项目,linux环境的服务器(可以是安装在windows电脑上的linux虚拟机,安装了linux系统的电脑,linux云服务器都行,练习可以使用linux虚拟机) 步骤: 1. linux下安装javaJDK 2. linux下安装Tomcat 3. linux下安装MySQL 4. 数据库的简单迁移 5. javaWeb项目打包迁移,并部署 第一步:linux下安装javaJDK 首先说明的是,有些l

↑开局一张图,故事全靠编↑ 前言 打开搜索引擎输入『Copy攻城狮』,发现最新的一条记录已经是去年的4月,意味着我又有一年时间没有再总结成长了.习惯了“温水煮青蛙”的日子,无论是经验水平还是薪资收入,已经被同期的小伙伴远远地甩在了后头.开年至今,一直在家“云办公”的我,被各种打包发布需求困扰.由于种种原因,小作坊模式的开发团队代码托管依旧用的svn,无力改变也无力吐槽,我们项目是完完全全的前后分离,前端用的人人都会的Vue,之前都是美丽善良的测试妹妹用公司测试打包专用电脑自己纯手工打包.纯手工发

一.文章概要  这篇文章是讲述一个Linux 新手将 .NET-Core 项目部署在 Linux 服务器上的一个记录,以及在部署期间遇到的问题以及解决办法.有不恰当的地方.欢迎大神指正. 二.前期准备  如果你要部署在Linux服务器上,首先你需要连接到Linux服务器.那么用什么工具连呢?1. 如果你是在Windows的系统环境下,我是采用 PuTTY来进行SSH 连接的.可以参考:使用Putty连接SSH管理linux图文教程 .2.如果你的系统是Mac 的,那直接用Terminal 就可以

在阿里云服务器上部署项目的时候,想使用阿里云提供的负载均衡服务并创建两个监听(如图), 但需要一台服务器提供两个端口,于是就请教前辈并查询资料,得知: 一台服务器提供两个端口,有两种方式: 1.一个tomcat,开放两个端口: 2.两个tomcat,各运行一个项目,提供两个端口. 后者性能更好一些.于是,就查询实现linux服务器上同时运行两个或多个tomcat的方式,下面以同时运行两个tomcat为例介绍,具体实现如下: 第一步:搭建JDK环境 首先搭建JDK环境,下载JDK,然后解压,如:t

最近对vue前端框架情有独钟.但研究了一下怎么把vue项目打包成android apk来玩玩. 首先讲一下创建vue2.x项目.其实在之前的文章中都有写过,有兴趣的同学可以去看看.http://www.cnblogs.com/Gherardo/p/7170540.html 这里就不多废话了. 项目地址:https://github.com/Gallado/IFlowers  apk也在相应的目录下: 1:创建cordova项目:      第一步:安装cordova 如果已经安装则直接跳过,否则

首先打包你的 vue 项目 生成 dist 文件夹,教程请移步  https://www.cnblogs.com/taohuaya/p/10256670.html 看完上面的教程,请确保 你是 将: 项目目录下的config文件夹里的index.js文件中,将build对象下的assetsPublicPath中的“/”,改为“./”后,打包生成的 dist 文件. 开始使用 HBuiderX 打包.(工具下载地址:http://www.dcloud.io/) 这是我vue 项目打包后的dist 

一.准备开发工具 开发工具:HBuilderX 官网地址:http://www.dcloud.io (标准版需要自己安装插件,app开发版已经把app开发常用的插件安装好了,开箱即用,建议使用开发版) 二.打包生成一个vue项目 就拿手头上一个vue项目进行打包,vue项目预览如下: 打包生成的项目结构: 三.创建HBuilder的app项目 (请先注册HBuilde账号并登录,打包的时候需要登录,并获取应用识别AppID) 创建完后会看到以下结构: 其中css.img.js文件夹换成打包后的s

前提:已经安装了node.js.cnpm 1.全局安装vue脚手架vue-cli:#cnpm install -g vue-cli 注意:全局安装没有建立软链接前是无法使用刚刚安装的vue命令的,所以需要先进行第二步——建立软链接. 2.建立软链接: #ln -s /opt/tools/node-v9.2.0-linux-x64/bin/vue /usr/local/bin/vue 命令语法:ln -s 源文件 目标文件    /usr/local/bin  目录是给用户放置自己的可执行程序的地

1,新建app项目,打包vue,修改config/index.js的输出路径 2,把build打包后的dist目录下的文件拷到app目录下 3.修改app下面的index文件,改变压缩格式,修改“/static”为“static” 4.如果手机上可以用基座调试出来,打包出来基本没问题 5 .发现打包的项目hash模式为history可以正常运行,但是去掉“#”就不能跑了--待解决

准备工作: 安装好必要环境: vue-cli,webpack,node.js,android环境 (http://cordova.axuer.com/docs/zh-cn/latest/guide/platforms/android/index.html): 个人觉得,android环境是最麻烦的,只要配置好,后面的都比较简单. 开始: 第一步:安装cordova 如果已经安装则直接跳过,否则执行以下命令: npm install -g cordova 第二步:新建cordova项目 分别执行3

在我们做完vue项目后,只需要执行 npm run dist 就可以轻松进行打包转测试,可是如果我们临时需要修改一些配置文件比如域名,这时候我们就有点懵逼了,那就修改了再重新打一次包? NO NO NO,让我们一起来探索如何解决这个问题吧. 首先我们需要借助一个插件 generate-asset-webpack-plugin npm install generate-asset-webpack-plugin --save-dev 其次在build文件夹下建立一个generate-asset.co

安装nginx的前奏 安装依赖 yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel 创建一个文件夹 cd /usr/local mkdir nginx cd nginx 下载Nginx tar包 和 解压 wget http://nginx.org/download/nginx-1.13.7.tar.gz tar -xvf nginx-1.13.7.tar.g 安装nginx 进入nginx目录 cd /usr/