angularjs 脚手架 static-html-builder

本贴最后更新于 2492 天前,其中的信息可能已经沧海桑田

系统环境安装

  • 系统安装 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 端口

前端依赖包安装

   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"
}
  • AngularJS

    AngularJS 诞生于 2009 年,由 Misko Hevery 等人创建,后为 Google 所收购。是一款优秀的前端 JS 框架,已经被用于 Google 的多款产品当中。AngularJS 有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。2.0 版本后已经改名为 Angular。

    12 引用 • 50 回帖 • 409 关注

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...