APICloud新建项目后,会生成以下目录结构 其中index.html是入口文件,而vue-cli打包生成的文件是在dist目录下 ├─dist│ └─static│ ├─css│ └─js │ └─index.html 把dist目录中的static文件夹和index.html复制到apicloud的项目文件中即可,覆盖原来的index.html.最终apicloud的目录结构只是比原来多了一个static目录. vue项目中需要做如下配置,config/index.js中需要把build的

最近公司要求我们用apicloud做一个app,正好利用这个机会学习下app的制作过程~ 页面的开发过程跟我们平时开发一样,利用vue把页面全部完成,最后进行npm run build将项目打包. 接下来就是apicloud打包的过程,首先我们要去apicloud官网下载开发者工具,我下载是下面这款: 大家选择对应系统进行下载~ 接下来需要开发者注册apicloud账号~ 打开APICloud Studio 2软件,在顶部文件按钮中选择打开我们刚刚打包好的dist文件. 然后我们继续点击顶部的文

使用cordova打包vue2(webpack)app for android ios1.vue项目通过vue-cli脚手架建立项目,使用webpack进行打包,下边是一整套命令. #npm 版本最好是最新的,升级npm,node版本也有要求 npm i -g npm # 安装脚手架 npm install -g vue-cli #初始化新建项目 vue init webpack vue-app # install dependencies # config/index.js 里可以修改端口 n

前言:本文是打包vue项目,其他项目也是这样打包 页面的开发过程跟我们平时开发一样,利用vue把页面全部完成,最后进行npm run build将项目打包. 接下来就是apicloud打包的过程,首先我们要去apicloud官网下载开发者工具,我下载是下面这款: 大家选择对应系统进行下载~ 接下来需要开发者注册apicloud账号~ 打开APICloud Studio 2软件,在顶部文件按钮中选择打开我们刚刚打包好的dist文件. 然后我们继续点击顶部的文件按钮找到新建,选择APICloud移动

apicloud云编译的时候,需要测试证书或者正式证书进行编译. 那么这个证书是怎么来的呢?通过什么渠道可以获取呢? 这里我介绍下使用香蕉云编这个在线工具来生成: 1.登录香蕉云编,生成证书的csr文件,然后把这个csr下载保存到你电脑上: https://www.yunedit.com/createcert 2.到苹果开发者中心开通苹果开发者账号,假如你还没有开通,请先参考下面的文章开通苹果开发者账号,假如已经开通,则忽略这一步: https://blog.csdn.net/h5xiaoyu/

做个记录: 参照apicloud官方文档:http://docs.apicloud.com/Dev-Tools/sublime-apicloud-plugin 可以看下我的github:https://github.com/padipata ,里面有我写的项目,喜欢的去给个关注呗.

原文地址:http://www.imooc.com/article/17868 [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build. (found in <Root>

首先说代码压缩,因为没什么用,就先说它了.代码压缩后,apicloud里面的css和js文件里面的空格呀回车呀都去掉了,就是文件小了,所有代码显示为一行了.这些代码的变量没有重命名,我们知道jquery.min.js里面的很多变量是重命名了的,都是变为a呀,b呀什么的.apicloud之所以不重命名,是因为它的html没有压缩,是和原来一样的,所以说,如果js重命名了,但html又没重命名的话,你懂的,名字对应不上,会出大乱子. 代码压缩的作用一般是什对网站的,文件体积变小,节省流量,加载更快,

最近在用apicloud开发,这里录入一些踩坑的地方,从头到尾,要多尴尬有多尴尬,新入app开发,记录一些心得,和遇到的坑以及解决办法. 1,apicloud 打包的Android app ,打开frame页面时,配置rect时(窗口的大小位置描述),发现,‘auto’的宽度,约有15px的右边留白.目前不知道具体原因. 详细描述一下问题,即openFrame的时候,设置rect: { w:'auto' }(其他配置省略描述)时,在新frame中,设置div宽度为100%,不能够充满通栏.右侧有

虽然xcode现在可以免证书进行测试了,但众多跨平台开发者,如果还没注册苹果开发者账号. 想安装到自己非越狱手机测试是无能为力了. 不过新技术来了,只需要普通免费的苹果账号无需付费成为开发者就可以申请iOS证书打包ipa安装到自己手机测试,强大吧! 当然如果要上架App Store还是需要注册一个付费的苹果开发者账号. 如果只是安装ios应用到自己手机测试,现在只需要注册一个普通的苹果账号就行了. 下面进入教程 申请ios证书打包ipa测试分五步进行 1.申请一个苹果账号 2.申请ios测试证书

一.安装webpack-cli,webpack@4.26.1 1.npm install webpack-cli -D 2.npm install webpack@4.26.1 -D 二.踩坑 执行npm run dev报错 1./Users/lily/ForWork/forBMSys/bm-fe/node_modules/html-webpack-plugin/lib/compiler.js:81 var outputName = compilation.mainTemplate.applyP

本文转发:https://blog.csdn.net/xxw888/article/details/73618837 2018最新整理iOS app上架app详细教程 上架iOS需要一个付费688的开发者账号,还没有的话申请一个或者借用. 申请苹果开发者账号教程 上架App Store之前是先安装到苹果手机测试调试好,app能正常运行再上架 iOS真机调试测试教程 上架过程分七个步骤,按步骤一步步来. 仔细看这个流程,少走很多弯路,不用一步步去试错,节省时间. 1.创建APP身份证(App ID

一.脚手架工具(vue2 的脚手架工具是 vue-cli) 1.脚手架工具的安装 参考  :  https://blog.csdn.net/wulala_hei/article/details/80488674   或   https://www.jianshu.com/p/32beaca25c0d https://blog.csdn.net/redfruit/article/details/79475400  (推荐) 说明:vue-cli 脚手架是 基于 webpack 开发的.所以使用 w

一.APP环境搭建和配置编译1.登录APICLOUD后台新建应用 步骤一 .注册账号注册apicloud 账号并登录APICLOUD控制台 注册apicloud 账号:https://www.apicloud.com/signup 步骤二.新建应用再账户下面找到开发控制台=>开发控制台=>创建应用 填写应用名和说明,必选Native App 2 .开发工具下载安装下载APICLOUD开发工具: 工具下载地址:https://www.apicloud.com/devtools 3.下载解压.然后

如何解决vue2.0 打包之后 打开index.html出现空白页 1.打包之前修改三个文件       1.1.第一步,找到build文件,在webpack.prod.conf.js 第25行左右 有一个对象为 output,在这里面增加一行代码 publicPath:'./'   output: { //在这里加一行代码 publicPath:'./',     path: config.build.assetsRoot,     filename: utils.assetsPath('js

1创建APP ID 等 2创建pruduction创建证书,用 这个证书导出P12格式的.. 3profile 证书,选 APP STORE  AD-HOC ok... http://docs.apicloud.com/APICloud/%E6%8A%80%E6%9C%AF%E4%B8%93%E9%A2%98/iOS-License-Application-Guidance jpush 你生产环境的证书是推送证书么?和开发环境的证书一样是要在 在“钥匙串访问”中你的证书会显示在“我的证书”中,注

vue项目默认的打包路径:根目录下的dist文件夹下: 但是在项目开发中,我们肯定希望项目提交到svn目录或者git目录下,否则每次复制过去,太麻烦了: 那怎么配置打包路径呢?下面来看看: 我们找到打包配置文件 "config/index.js"下的build属性 修改build.index和assetsRoot的值: 配置项目打包路径:"F:/app/vuedemo": 配置入口文件:"F:/app/vuedemo/index.html": 配

距离上一期,时间间距可能有点长.谁让本人处于兴奋状态,生活已经不能自理. 哈哈哈,嗯,正经一下, 在已有的经验里总结一下那些容易抓狂的坑! 起因:npm run build 打包 本地运行,你以为可以看到 完美的效果 没有!什么也没有 背景:npm run dev 正常可见图: 先对项目打包:npm run  build ,打包好之后 就会多一个文件夹"dist"  在里面找到index.html 运行就行了(简单吧) 看它不爽的人,注释掉就没有了 萝卜坑一:看到以下报错:未找到css

楼主是使用vue-cli构建的页面,代码是vscode,然后使用hbuilder打包成移动端的安装包.首先确认在npm run build 之后没有问题(默认dist文件夹),可以使用anywhere开一个服务器看看. 在确保咩有问题的情况下,将dist文件夹直接拖进 hbuilder (hbuilder下载地址)中, ,在dist上面右击,点击 转换成移动app,dist的图标会由 W 变成 A,如图: ,dist文件夹中会新增manifest.json(这个是app的配置文件,修改app图标

node.js的环境变量 process process 对象是一个 global (全局变量),提供有关信息,控制当前 Node.js 进程.作为一个对象,它对于 Node.js 应用程序始终是可用的,故无需使用 require(),是存在nodejs中的一个全局变量. 一般有三个环境,一是开发环境,二是测试环境,三是正式环境,每个环境都有一个接口地址. process.env process.env属性返回一个包含用户环境信息的对象.依靠这个我们就可以给服务器上打上一个标签.这样的话,我们就