angularjs + requirejs 完整的手脚架

anyway 发布于2019-08-19 17:18 / 3192人阅读

摘要：还记得一年半前转向后端的那种无助的感觉，独自一人摸黑走路，学习各种前端知识，走了不少弯路，现在终于算是入门了前端我相信不少人也有我当时同样的无助，所以我在空闲时间整理了下所用到的知识，便编写了一个手脚架，希望能给其他正学习前端的同学一些参考

还记得一年半前转向后端的那种无助的感觉，独自一人摸黑走路，学习各种前端知识，走了不少弯路，现在终于算是入门了前端～
我相信不少人也有我当时同样的无助，所以我在空闲时间整理了下所用到的知识，便编写了一个angularjs + requirejs手脚架，希望能给其他正学习前端的同学一些参考和帮助～

angularjs-requirejs-boilerplate

一个基于nodejs的完整angularjs + requirejs手脚架。项目中自带angularjs实例、测试框架、开发模式的livereload等等，你可以快速的通过这个手脚架学习和开始你的angularjs项目～

特性前端

angularjs

bootstrap

jquery

less

requirejs

etc

后端

expressjs

gulp

swig

etc

快速开始 安装依赖:

$ bower install
$ npm install

开发模式

开发模式中主要使用gulp-nodemon、gulp-livereload框架，从而实现无需重启服务和刷新页面，加大开发效率

设置配置文件locals.js中的isDevMode为true

安装chrome插件 livereload chrome extension

使用命令gulp start-develop启动开发模式

生产模式

设置配置文件locals.js中的isDevMode为false

使用命令gulp编译和构建代码

使用node或pm2或其他启动服务

配置

系统配置存放在locals.js文件中

angularjs实例

启动服务，打开浏览器输入地址http://localhost:8099/samples

测试

测试框架采用karma和jasmine, 你可以使用命令npm test或karma start启动测试. 单元测试和代码覆盖率报告存放在项目的report的目录中

项目地址

https://github.com/ipluser/angularjs-requirejs-boilerplate

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/78404.html

规范化安全开发 KOA 手脚架

摘要：规范化安全开发手脚架刚接触的时候心理也有一点点担忧，是一个轻量级的框架，这意味着我们想要做好一个理想的手脚架需要自己去改变很多东西，一些流行的第三方更要做好处理，那么时间成本会逐级的提高。规范化安全开发 KOA 手脚架刚接触 KOA 的时候心理也有一点点担忧，KOA 是一个轻量级的框架，这意味着我们想要做好一个理想的手脚架需要自己去改变很多东西，一些流行的 npm 第三方更要做好处...

eechen 2019-08-21 10:56 评论0 收藏0
服务端渲染的React手脚架。完美使用 React, Redux, and React-Router

摘要：服务端渲染的手脚架这个启动包的设计是为了让你使用一整套最新最酷的前端技术，所有都是可配置，富特性，基于已经提供代码热加载，使用预处理，单元测试，代码覆盖率报告，代码分割等等更多。 Universal React Starter Kit 服务端渲染的React手脚架这个启动包的设计是为了让你使用一整套最新最酷的前端技术，所有都是可配置，富特性，基于webpack已经提供代码热加载，使用...

zhouzhou 2019-08-29 11:27 评论0 收藏0
服务端渲染的React手脚架。完美使用 React, Redux, and React-Router

摘要：服务端渲染的手脚架这个启动包的设计是为了让你使用一整套最新最酷的前端技术，所有都是可配置，富特性，基于已经提供代码热加载，使用预处理，单元测试，代码覆盖率报告，代码分割等等更多。 Universal React Starter Kit 服务端渲染的React手脚架这个启动包的设计是为了让你使用一整套最新最酷的前端技术，所有都是可配置，富特性，基于webpack已经提供代码热加载，使用...

RayKr 2019-08-22 10:40 评论0 收藏0
服务端渲染的React手脚架。完美使用 React, Redux, and React-Router

摘要：服务端渲染的手脚架这个启动包的设计是为了让你使用一整套最新最酷的前端技术，所有都是可配置，富特性，基于已经提供代码热加载，使用预处理，单元测试，代码覆盖率报告，代码分割等等更多。 Universal React Starter Kit 服务端渲染的React手脚架这个启动包的设计是为了让你使用一整套最新最酷的前端技术，所有都是可配置，富特性，基于webpack已经提供代码热加载，使用...

DC_er 2019-08-01 15:52 评论0 收藏0