推荐内容IMESSGAE相关

export default class SystemInfoUtil { static PC = “pc”; static IOS = “ios”; static ANDROID = “android”; React Native iOS情况搭建 前段时候React Native for Android公布，感受React Native会愈来愈多的公司起头钻研、利用。以是周六也抽暇搭建了iOS的开辟环境，以便今后操纵余暇的时间可以或许进修一下。 空话未几说了，上面简略的列出步调吧。 1. 安置Homebrew Homebrew重要用于安装背面必要安装的watchman、flow 翻开MAC的终端，输入以下号令： 变革 文件变化： 曩昔是.html文件，如今是.vue文件 收集模子变化： 以前网页大多是b/s，服务端代码夹杂在页面里； 现在是c/s，先后端分手，经由过程js api(雷同ajax的uni.request)获得json数据，把数据绑定在界面上衬着。 文件内代码架构变化： 以前一个html大节点，内里有script和style节点； 现在template是一级节点，用于写tag组件，script和style是并列的一级节点，也便是有3个一级节点。vue单文件组件范例 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 内部文件援用法子变化： 以前通过script src、link href引入外部的js和css； 现是es6的写法，import引入外部的js模块(细致不是文件)或css js要require出去，酿成了东西。 在hello uni-app的common目次有一个工具类util.js，能够在hello uni-app中搜刮这个例子检察。

1 2 3 4 而在这个util.js里，要把以前的function封装为对象的方法 function formatTime(time) { return time;//这里没写逻辑 } module.exports = { formatTime: formatTime } 1 2 3 4 5 6 7 另有一些高档的用法 var dateUtils = require(‘…/…/…/common/util.js’).dateUtils; //间接使用js模块的属性。在hello uni-app有示例 import * as echarts from ‘/components/echarts/echarts.simple.min.js’; //将js导入并重定名为echarts，而后使用echarts.来继续实行方法。在hello uni-app有示例 1 2 css外部文件导入 1 2 3 全局款式，在根目录下的app.vue里写入，每一个页面都会加载app.vue里的样式。 别的，vue支撑组件导入，可以更便利的封装一个包括界面、js、样式的库。 如下是导入一个角标的组件库，在页面上表现一个abc而且右上角有个数字角标1 如需要全局导入vue组件，每个页面都可以直接使用而不消引用和注册，在名目根目录下的main.js里处置。如下是hello uni-app里的例子。 //main.js import pageHead from ‘./components/page-head.vue’ //导入 Vue.component(‘page-head’, pageHead) //注册。

注册后在每个vue的page页面里可以直接使用组件。 ruby -e “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)” 2. 安装nvm和nodejs nvm是用于nodejs版本办理的工具，用于安装nodejs。 对付nvm应当可以使用brew直接安装，可是我没有用这个安装，读者可以本身使用如下命令尝尝： brew install nvm 我使用的另一种方式，在终端中输入如下的命令： curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.26.1/install.sh | bash 这个命令依照民间的阐明，应该会主动设置装备摆设好环境，能够在任何的终端中使用nvm命令，但是我安装完了事不成以的。

需要做分外的事情，需要在~/.bashrc, ~/.profile, ~/.zshrc文件中（若是没有自己建立），增加如下的一行语句： . ~/.nvm/nvm.sh 如许就能够在肆意的终端中使用nvm命令了。 然后执行如下的命令： nvm install node && nvm alias default node 这个用于安装nodejs和npm。npm用于nodejs包依靠管理的工具。 3. 安装watchman watchman是用于监听文件变化的工具，应该是用于监听文件变化，然后界面做出相应。执行如下命令： brew install watchman 4. 安装flow flow我小我明白的是用于动态阐发js语法错误的工具，能够更早的js的语法错误。

执行如下的命令： brew install flow 到这里根本的环境就配置好了，下面创建一个iOS的例子，在终端中将目录切换到你保留工程的目录，然后执行如下的命令： $ npm install -g react-native-cli $ react-native init AwesomeProject $ cd AwesomeProject/ 1 2 3 第二个命令第一次执行会执行很长期，由于需要安装很多工具。然后再终端输入如下命令打开工程： open ios/AwesomeProject.xcodeproj /** * 平台 ios,andorid,pc / static platform; /* * 底子库版本 已处理成数值7.0.0->700 轻易比力 可以查map到微信甚么版本 */ static wxSDKVersion; static init() { wx.getSystemInfo({ success: function(res) { if (res.platform == “devtools”) { SystemInfoUtil.platform = SystemInfoUtil.PC; } else if (res.platform == “ios”) { SystemInfoUtil.platform = SystemInfoUtil.IOS; } else if (res.platform == “android”) { SystemInfoUtil.platform = SystemInfoUtil.ANDROID; } let version = res.SDKVersion; version = version.replace(/./g, “”); SystemInfoUtil.wxSDKVersion = version; } }) } //装备:ios //微信版本:6.7.3 -》 基础库版本对应2.4.4 if (SystemInfoUtil.platform == SystemInfoUtil.IOS && SystemInfoUtil.wxSDKVersion == 244) { return;//响应处理 }}