1.0.4 • Published 6 years ago

cli-angularjs v1.0.4

Weekly downloads
5
License
ISC
Repository
github
Last release
6 years ago

AngularJS-CLI

npm

通过angularjs-cli生成基础项目,开发,打包,命令行操作,自动化完成

安装

npm install -g cli-angularjs

由于重名,NPM包的名字是cli-angularjs

属性

  • 生成的项目使用angular1.4.6进行开发;
  • 使用angular-ui-router进行路由配置,文档;
  • 使用ocLazyLoad配合webpack进行懒加载;
  • 打包后可以直接用于生成环境;
  • 支持ES6语法;

使用

angularjs new 生成项目文件

angularjs serve 启动开发服务

angularjs g|generate c|controller <name> 生成一个controller

angularjs g|generate d|directive <name> 生成一个directive

angularjs g|generate s|service <name> 生成一个service

angularjs g|generate f|fiter <name> 生成一个filter

angularjs g|generate config <name> 生成一个config

angularjs g|generate m|module 生成一个模块,用于懒加载

angularjs build 打包压缩 生成dist目录

详解

声明:所有命令中的目录/文件,请使用驼峰写法,将生成非驼峰的文件,和以驼峰命名的变量添加到文件中

angularjs g c myController

src/app文件夹下生成一个my-controller.js文件,同时添加一个名为myControllercontroller

angularjs g c controllers/myController

在生成在src/app/controllers文件夹下;

angularjs g m myModule

src/app/module生成一个my-module的模块;

angularjs g c module/myModule/myController

src/app/module/my-module文件夹下生成my-controller.js,并添加一个名myControllercontroller;此controller将随此模块一并加载到文件中;如有随此模块一并引入的其他文件,通过import添加到src/app/module/my-module/module-import.js文件中,此文件需以懒加载分方式手动注入到路由配置中;

src/app/app-router.js中配置路由,如懒加载模块,按照中文件中注释的引入方式配置即可;

规划

  • 未来将会对此脚手架升级到最新版angularJs
  • 支持component
  • 优化webpack配置;
  • 提供配置文件angularjs-cli.json;