font native构建前端本地开发环境的最佳实践

前端本地开发环境本地构建环境：

• Node 版本：v0.10.26

• npm 版本：1.4.3

• Grunt 版本：0.4.5

• Express 版本：3.18.4

开始：

1. 将项目克隆到本地：

```

git clone git@github.com:ar-insect/native.git

```

1. 切换到项目根目录：

```

cd ~/native

```

1. 依次执行命令：

2. 安装项目所需插件：

   ```

   npm install

   ```

3. 部署本地静态资源：

   ```

   grunt native

   ```

   成功后在项目根目录下会生成 assets 目录（仅初次执行需要）。

4. 启动应用：

   ```

   node app.js

   ```

5. 示例访问：如 http://localhost:3000

如何在本地快速新建一个页面？

以 singleForm 案例为例，简述构建过程：

1. 在 views/templates/mytest 下创建一个模板文件：

```

singleForm.vm

```

该模板是页面的主体部分（不包含头尾）。

1. 在 controllers/mytest 下创建一个 Node.js 文件，与模板文件逻辑匹配。

完成以上步骤即可实现新页面的快速构建。