angularjs 脚手架 static-html-builder

系统环境安装

• 系统安装 git 客户端

• 安装 Node.js

• 启动命令行，执行如下命令

  npm install -g bower
  npm install -g grunt-cli
  

检出脚手架

从 https://github.com/qinaichen/static-html-builder 中 checkout

    git clone https://github.com/qinaichen/static-html-builder.git
    cd static-html-builder

安装依赖

• 执行 npm install 安装所有依赖
• 命令行执行 grunt
• 启动浏览器，访问 9000 端口

前端依赖包安装

• 在 https://bower.io/search/中查找需要的安装包
• 使用 bower install 安装，如安装 jquery

   bower install jquery --save

• 在 bower.json 的 dependencies 中找到相应的依赖记录，拷贝到 app/project.json 中的 dependencies 下
• 在 bower_component 中查看安装好的依赖包中的 bower.json,检查其 main 属性中是否包括项目需要依赖的所有文件,如果依赖不完整或与其中的依赖与项目需要的依赖不符,则需要在 app/project.json 中重置依赖如 bootstrap：依赖包中 bower.json 的 main 是

"main": [
  "less/bootstrap.less",
  "dist/js/bootstrap.js"
]

则我们需要改为：

"bootstrap": [
    "dist/css/bootstrap.css",
    "dist/js/bootstrap.js"
]

与服务器端交互

在 app/project.json 中配置 proxies,则可以通过反向代理，与服务器端进行数据交互，如：

"proxies": {
    "/api": "http://localhost:8080"
}