最近做移动端项目比较多,电脑上开发完了上真机必现问题,但是真机上又看不了代码很捉急啊有没有. 这两天才发现这个腾讯良品vConsole,以前开发小程序见过,但没想到他竟然还能被应用到我们的h5页面中, 废话不多说,先给大佬磕一个. 具体描述介绍啥的见github:https://github.com/Tencent/vConsole 我这里先记录下具体开发中是怎么引用的 1.按照官网的步骤,先安装vConsole工具包: npm install vconsole 注:我当时在项目中使用,安装命令

免证书生产IPA打包文件   修改Xcode配置文件: 关闭Xcode.然后打开“其他-终端”,就是命令行工具 cd /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/Developer/SDKs/iPhoneOS11.2.sdk/ 备注:不同版本iPhoneOS11.x不同,可以自己进入到上级目录(cd ..),用(ls -a)命令自己查看 备份原文件,如果电脑设有密码,系统会提示你输入密码 sudo

1.进入到项目根目录执行 npm run build 此时会自动打包在dist目录下 2.安装服务 npm  install -g serve 3.启动 serve dist 总结: 以上就是生产环境打包的过程. npm run dev是开发环境, npm run build是生产环境

前言 之前小玲一直处于更新,迭代项目的状态,开发环境.测试环境.生产环境都是前辈配置好的,自己几乎没有配置过,这次做几个新项目时,面临着上线,需要分环境打包配置,于是在网上遨游了一会会,摸索着按照网上的方法,试验了一把,三种环境已经能够用命令分开打包.于是便决定写下这一篇可能已经过时但还能提供些微帮助的笔记 一般情况下我们执行命令 npm run build就能把Vue项目打包,但是这样操作每次只能打包到一个环境,不同环境需要配置不同的地址,还得手动更改接口的地址,这给部署带来了极大的不方便.

webpack 把我们所有的文件都打包成一个 JS 文件,这样即使你是小项目,打包后的文件也会非常大.下面就来讲下如何从多个方面进行优化. 去除不必要的插件 刚开始用 webpack 的时候,开发环境和生产环境用的是同一个 webpack 配置文件,导致生产环境打包的 JS 文件包含了一大堆没必要的插件,比如 HotModuleReplacementPlugin, NoErrorsPlugin... 这时候不管用什么优化方式,都没多大效果.所以,如果你打包后的文件非常大的话,先检查下是不是包含了

现在Xcode7可以用一个appleid就可以往手机上部署测试app,不再需要$99,这也是方便.但是要把app发给别人的手机上运行还是不行,除非别人的手机在你身边可以直接通过Xcode安装 关于怎么打包可以看以下这篇文章 xcode7.x 免证书生产IPA打包文件 主要说说我碰到的问题 设备: iphone6 系统:ios9.3.3 目前最新 状态:已越狱 在文章里提到在Build Settings下面修改Code Signing Identify为Don’t Code Sign,我修改了之后

在大型的项目组中,分不同的开发环境,测试环境,生产环境(说白了就是配置文件不同,或者数据源,或者服务器,或者数据库等);问题来了,如何使用Maven针对不同的环境来打包呢? Maven提供了Profile的概念,用来解决此类问题,其原理很简单,就是使用变量替换;举个例子来说明,测试项目目录结构如下图所示: 比如开发环境和生产环境的数据库不同,db.properties配置文件内容如下: #测试库 db.url=192.10.2.168 db.username=dbtest db.password

开发环境配置 在开发环境下,我们首先考虑的是方便开发,方便代码调试,不需要考虑代码合并和css样式分离这些. 这里主要说三个 :1.css模块化:2.模块热替换功能:3.source-map(代码映射) // 开发环境打包配置 const path = require('path'); const webpack = require('webpack'); const base = require('./webpack.config.base') const dfPath = require('

背景 最近换了个新公司接手了一个老项目,然后比较坑的是这个公司的项目都没有没有做多环境打包配置,每次发布一个环境都要手动的去修改配置文件.今天正好有空就来配置下. 解决这个问题的方式有很多,我这里挑选了一个个人比较喜欢的方案,通过 maven profile 打包的时候按照部署环境打包不同的配置,下面说下具体的操作 配置不同环境的配置文件 建立对应的环境目录,我这里有三个环境分别是,dev/test/pro 对应 开发/测试/生产.建好目录后将相应的配置文件放到对应的环境目录中 配置 pom.x

针对多环节,从源头打包入手,当然这些都可以在运维阶段用脚本进行替换来代替 resources/environment/下有四个环境,local本地.dev开发.test测试.pre预上线.prod生产,打包命令如下: # 本地 mvn clean package -P local # 开发 mvn clean package -P dev # 测试 mvn clean package -P test # 预上线 mvn clean package -P pre # 生产 mvn clean pa

自己写的组件 有的也挺好的,为了方便以后用自己再用或者给别人用,把组件打包发布到npm是最好不过了,本次打包支持 支持正常的组件调用方式,也支持Vue.use, 也可以直接引用打包好的js文件, 配合vue.js 就不需要webpakc这种构建工具了,可以直接在页面内使用,下面以 ‘yyl-npm-practice’ 这个包为例 第一步:使用 vue init webpack-simple yyl-npm-practice   初始化项目 提示: 不要用 vue init webpack npm

在ios8 版本上的h5对flex的支持不太好,需要有兼容的写法. vue-cli自带了postCss autoprefixer 进行兼容处理,配置如下 在vue-loader.config.js中开启 usePostCSS: true module.exports = { loaders: utils.cssLoaders({ sourceMap: sourceMapEnabled, extract: isProduction, usePostCSS:true // 开启 usePostCSS

在项目开发的时候,我们通常会将程序分为开发环境和生产环境(或者叫线上环境),开发环境通常指的是我们正在开发的这个阶段所需要的一些环境配置,也就是方便我们开发人员调试开发的一种环境:生产环境通常指的是我们将程序开发完成经过测试之后无明显异常准备发布上线的环境,也可以理解为用户可以正常使用的就是生产环境: 当然开发环境和生产环境在配置方面的需求是不一样的,但是有共同点: 开发环境的需求: 模块热更新  (本地开启服务,实时更新) sourceMap    (方便打包调试) 接口代理     (配置p

一.基础配置 1.创建一个名为demo-webpack的文件夹(名称随意) 2.初始化一个package.json文件 //在cmd窗口中使用以下命令快速创建 npm init -y 3.安装webpack和webpack-cli到开发依赖下 npm i webpack -D npm i webpack-cli -D 4.配置package.json "scripts": { "test": "echo \"Error: no test spec

生成环境与开发环境打包配置 使用package.json配置npm run开启不同的打包配置 ...webpack基本使用最后一篇博客 在上一篇博客中详细的演示了webpack开启本地服务和热更新,这个超级爽的技能你有没有发现问题呢?反正我是发现了,那就是只适合开发环境下使用,生成环境打包显然不合适,在前面的博客中也有提到过关于针对不同环境的打包,但没有具体演示怎么做,其实很简单,就是配置两套打包配置,至于要怎么执行具体的环境打包配置不必要在这里说明,毕竟每个项目和环境还有开发配置都不同,大家针

webpack 把我们所有的文件都打包成一个 JS 文件,这样即使你是小项目,打包后的文件也会非常大.下面就来讲下如何从多个方面进行优化. 去除不必要的插件 刚开始用 webpack 的时候,开发环境和生产环境用的是同一个 webpack 配置文件,导致生产环境打包的 JS 文件包含了一大堆没必要的插件,比如 HotModuleReplacementPlugin, NoErrorsPlugin... 这时候不管用什么优化方式,都没多大效果.所以,如果你打包后的文件非常大的话,先检查下是不是包含了

前提 项目是直接通过 vue-cli脚手架 生成的: 假设在项目开发中,分为三个环境 -- · 测试环境· 预生产环境· 生产环境 每个环境的接口地址都是不同的,而 vue-cli 给出的环境只有 dev 和 prod 这两个.虽然可以选择每次打包项目前手动修改 config/prod.env.js 中的 BASE_API 属性值,再运行 npm run build 打包项目就OK了,但还是挺烦的.如果能根据不同环境打包就一劳永逸了 步骤 第一步 安装依赖 cross-env 使用 cross-

maven自动选择不同的配置文件打包profile+filter 1. profile: [要点:] activeByDefault默认激活,不用再mvn命令时指定额外参数: [注意:] 使用非默认的配置,要在编译时指定:如,要在生产环境打包[并跳过单元测试]: mvn clean package -Pproduct [-Dmaven.test.skip=ture] 如果mvn clean package: a. 默认加载profile-dev.properties来打包 b. 可以替换的内容范

目录 1,前言 2,.env文件的作用 3,配置.env文件 4,配置启动命令 5,获取.env中的全局变量 5,实际用处 1,前言 分享一下vue项目中利用.env文件存储全局环境变量,以及利于项目开发的vue启动以及打包命令. 2,.env文件的作用 在vue项目中,env是全局配置文件,可以存储不同环境下的变量.使用vue-cli搭建项目,默认会在根目录创建一个.env文件,如果需要更多类型的.env文件,需要自行创建. 其中: 1,.env 后缀的文件是全局默认配置文件,不论什么环境都会

从上图我们可以看出,webpack 可以将多种静态资源 js.css.sass文件等转换成一个静态文件,以此可以减少页面的请求,从而提高浏览器响应速度 1.安装开发依赖包 npm install webpack webpack-cli -D 2.添加打包配置文件 webpack.config.js(执行打包命令时会默认执行) const path = require('path');module.exports = {   //development:开发模式,production:生产(上线)

.net猿遇到了小鲸鱼,觉得越来越兴奋.本来.net猿只是在透过家里那田子窗看外面的世界,但是看着海峡对岸的苹果园越来越茂盛,实在不想再去做一只宅猿了.于是,.net猿决定搭上小鲸鱼的渡轮到苹果园去看看. .net猿上了小鲸鱼渡轮就先问了一个问题,苹果园上有能用来编写c#代码的和Visual Studio一样强大的IDE么?这时,天空闪过一道Gamma射线,艾瑞克神说,给你一个 Visual Studio Code,去玩吧.于是.net猿搭这小鲸鱼的快船顺利的抵达了苹果山,开始了他的吃苹果之旅.