搭建 React Native 环境之 macOS 篇

所属:Tutorials

前言

最近刚好碰到有个需求需要用 React Native,在这里我顺便记录下,如何在 Mac 下快速搭建 React Native 环境,前提是你要有台 Mac, 当然你喜欢折腾用黑苹果也是可以的。。。哈哈哈!

环境配置

Node.js 需要 4.0 或 4.0 以上的版本
由于之前我已安装过 0.10.x 版本的 Node.js,为了方便管理,使用 NVM 来管理与安装 Node.js 的不同版本

React Native 官方推荐下,加上是在 Mac 环境里,自己也喜欢用 Homebrew 来管理软件包
因此这里就统一用 Homebrew 来安装

删除旧版 Node.js

1
2
3
4
5
6
7
8
#!/bin/bash
lsbom -f -l -s -pf /var/db/receipts/org.nodejs.pkg.bom \
| while read i; do
sudo rm /usr/local/${i}
done
sudo rm -rf /usr/local/lib/node \
/usr/local/lib/node_modules \
/var/db/receipts/org.nodejs.*

把这段代码复制文本上另存为 uninstall_node_pkg.sh,然后打开 Terminal (终端),运行 ./uninstall_node_pkg.sh 就会自动删除 Node.js

其实这一步可以直接跳过,这是为那(hei)些(chu)爱(nv)干(zuo)净的同学准备的。

Mac 下两个不错的工具

所属:Tools

tree

tree 是以树的形式展开所有文件和文件夹,用于解释某个项目结构时特别清晰。

效果如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
mini-wiki git/master
❯ tree .
.
├── README.md
├── assets
│   ├── css
│   │   ├── github-markdown.css
│   │   └── style.css
│   ├── img
│   └── js
│   └── main.js
├── gulpfile.js
├── index.html
├── layout
│   └── master.html
├── markdown
│   └── index.md
├── package.json
└── upload
└── topic.png
7 directories, 10 files

用 Gulp 搭建的演示文档

所属:Tools

最近在整理项目相关的东西时,要写些注释说明和帮助其他人快速的了解整理个项目的大概情况,不想每次都跟其他人解释一遍,于是就有了这个东西拉。

Mini Wiki 是什么?

Mini Wiki —- 用 Gulp + Markdown 等开源组件搭建起来的,用于简单文档演示站点。

Mini Wiki 目的

解决某些项目里样式文件多、乱…,而且也没多少人明白,此处省略一万个字,说多就是泪呐!

写文档、写文档、写文档…

安装与用法

1
2
3
4
https://github.com/iamocean/mini-wiki.git
cd mini-wiki/
npm install
gulp

Sublime Text 之代码片段

所属:Tools

最近总被人问起,如何提高工作效率?
以前写 CSS 都是直接用 LESS 来弄的,根本就不用担心浏览器的前缀、CSS 选择器等问题,而现在这都是问题了,虽然说一直都有把 CSS 公用的东西抽离出来,打包成一个个组件,但是每次复制、粘贴、调整也还是有的麻烦的。
有天晚上跟龙哥去等车时,边走边无聊中说起来,发现他在琢磨这方面的东西,然后就简单的给我介绍起来,就是 Sublime Text Snippet 功能。其实以前也有简单用过来这个功能,感觉没有卵用处,那现在不防试试看吧。

创建 Snippet

打开 SublimeText 编辑器,找到菜单栏 Tools -> New Snippet...

会看到如下代码:

1
2
3
4
5
6
7
8
9
<snippet>
<content><![CDATA[
Hello, ${1:this} is a ${2:snippet}.
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<!-- <tabTrigger>hello</tabTrigger> -->
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<!-- <scope>source.python</scope> -->
</snippet>

在 Debian 7 上搭建 LNMP 环境

所属:Linux

最近又在折腾 VPS,主要是因为 Digitalocean 最近抽风得太厉害了,不得不换个新的 IP 地址来缓缓下,就顺便再重新搭个 LNMP 环境来玩玩,虽然之前有折腾过,但是每次重新折腾还是习惯性的去找 Google大神,这次就想记录下安装的过程和了解下所用到的每个安装包和组件,大概是做什么用的,下面就直接进入主题吧。

安装 MySQL

1
(sudo) apt-get install -y mysql-server mysql-client

mysql-serverMySQL 服务器核心程序,服务器端主程序。
mysql-clientMySQL 客户端程序,用于连接并操作 MySQL。用以通过命令行方式登录管理 MySQL 服务器。
在安装的过程,会弹出个界面让你输入 root 用户的密码

初始化数据库默认设置

1
(sudo) mysql_secure_installation