用这个auto.js编程软件写好脚本后,怎样打包成APP。

JavaScript028

用这个auto.js编程软件写好脚本后,怎样打包成APP。,第1张

2007以上版本必须自己本地计算激活码,别人帮不了你(即使算了也不能使),如果没有注册机留邮箱传你。使用时请选择与软件位数对应的注册机。

安装激活方法:

1、运行安装程序,填写序列号(产品密钥) ,一直到安装完成;

2、安装完成重新启动,这里会提示需要激活(激活前断开网络)。把申请码复制下来,打开注册机(切记:如果是Vista或windows7系统,请务必右键单击注册机,以管理员身份运行!),粘贴申请码,点击注册机中的“mem patch”,稍后提示成功,再点“Generate”生成激活码。把注册机中得到的激活码复制后粘贴到激活对话框中,点“下一步”。提示“激活成功”!

然而, Babel默认只转换新的JavaScript句法(syntax),而不转换新的API,比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象,以及一些定义在全局对象上的方法(比如Object.assign)都不会转码。而且像import和export这两个命令现在在任何浏览器中都是不支持的, 同时babel也无法将其转换为浏览器支持的ES5, 原因在于:

babel只是个翻译,假设a.js 里 import 了 b.js, 对a.js进行转码,只是翻译了a.js,并不会把b.js的内容给读取合并进来, 如果想在最终的某一个js里,包含 a.js,b.js 的代码,那就需要用到打包工具

所以我在这里讲解一下如何使用webpack工具将带有import和export语法的JS文件, 通过打包工具生成所有浏览器都支持的单个JS文件.

1. 下载node.js和webpack

Node.js是一个基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。可以说就是服务器端的JS. webpack是一个打包工具, 而它是依赖于node.js运行的.

下载node.js可以通过官网:

具体的安装步骤网上可以搜到很多, 这里不再赘述. 安装完毕后打开node.js自带的命令行工具

这里写图片描述

然后输入如下命令全局安装webpack工具

npm install -g webpack

接着通过命令行工具定位到你的工程文件的根目录下, 再次安装webpack到你的工程中

npm install webpack

2. 编写webpack.config.js文件

在根目录下创建webpack.config.js, 这个文件是用来描述一些要使用webpack工具进行打包的配置信息, 文件内容如下:

这里写图片描述

通过该文件可以使用webpack打包工具, webpack会从import.js进入, 对该文件中的内容进行编译并打包, 最终会在dist目录下生成打包好的文件bundle.js, 编译打包过程中用到的工具在module对象的loaders中声明, 这里使用了babel-loader来对JS文件进行编译(包括从ES6转换为ES5以及打包)

3. 创建import.js

创建一个import.js, 内容如下:

这里写图片描述

在该文件中通过ES6语法import从export.js中引入firstName和lastName变量. 并且通过console.log将引入的两个变量打印到控制台.

4. 创建export.js

这里写图片描述

在该文件中通过ES6语法export将文件中的几个变量作为模块输出给别的文件引用.

5. 创建HTML文件

在HTML文件中直接将webpack最终打包生成的bundle.js文件引入即可, 因为通过webpack工具已经将export.js和import.js的所有内容都打包到一个文件bundle.js中了, 因此在HTML文件中引入该文件即可以将两个JS文件中的代码都执行.

这里写图片描述

6. 配置.babelrc文件

在工程文件的根目录下创建一个.babelrc文件(注意前面有个点), 这个文件是用来描述我要根据什么样的规则、或者是将JS文件编译成什么版本的文件(比如说ES5). 该文件的内容如下:

这里写图片描述

7. 下载相关依赖模块

方式1: 可以像下面这样, 直接在项目根目录下创建一个package.json文件, 并且在文件中指定devDependencies对象, 在该对象中写上我编译及打包中所要使用到的依赖模块, 图片中的webpack就是用于打包的工具, 而其他的以babel开头的选项都是编译JS文件并打包所需要用到的依赖模块.

这里写图片描述

创建好package.json文件后, 在命令行中输入

npm install

npm工具就会根据该文件中devDependencies选项下载对应的依赖模块.

方式2(推荐): Ctrl+R打开运行, 然后输入cmd打开命令行工具, 通过命令行工具一个个安装, 这样可以直接通过npm去下载依赖模块最新的稳定的版本, 同时也不需要自己去记这些模块的版本号

npm install babelnpm install babel-clinpm install babel-corenpm install babel-loadernpm install babel-preset-es2015

8. 使用 webpack打包

使用命令行工具定位到项目的根目录下, 然后输入如下指令

webpack

等待一会儿就会发现工程文件的目录下多了一个dist文件夹, 里面放着的就是打包好了的bundle.js文件, 在HTML文件中通过下面的代码引入js文件

然后在浏览器上运行html文件, 使用F12打开开发者工具, 就可以看到console选项中输出两行记录”Micheal”, “Jackson”

1、登录百度账号,搜索【Site App】,点击进入百度Site App。

2、点击立即免费创建进入创建界面。

3、填写PC端网站域名,提交站点,然后点击下一步进入定制效果页面。

4、在定制样式页面,填写移动端网站名称,选择网站模板,导航样式,网站配色,然后点击下一步。

5、现在我们为我们的移动端添加导航,首选点击添加导航,然后填写导航标题,在PC端的链接,然后确认;添加好导航以后,点击下一步。

6、在全局设置里面,我们可以给我们的移动端添加组件,点击添加组件进入添加界面,然后进行全局设置,可以添加电话咨询、在线沟通、短信咨询、查看地图,分享组件、保存联系人等;还能对网站底部进行设置,设置完成。

7、完成设置,我们会看到这时候正在审核,审核通过,我们的网站就可以访问了。