laraplate/ngcommands

Artisan 的 Angular 生成器

3.0.0 2018-08-20 19:09 UTC

README

Artisan 的 AngularJS 生成器。最初在 laravel5-angular-material-starter 创建。

安装

如果您使用的是入门项目,则它已经预先安装。

composer require laravelangular/generators

//and then add the provider in config/app.php
LaravelAngular\Generators\LaravelServiceProvider::class,

php artisan vendor:publish

使用方法

php artisan ng:page name       #New page inside angular/app/pages/
php artisan ng:component name  #New component inside angular/app/components/
php artisan ng:directive name  #New directive inside angular/directives/
php artisan ng:config name     #New config inside angular/config/
php artisan ng:dialog name     #New custom dialog inside angular/dialogs/
php artisan ng:filter name     #New filter inside angular/filters/
php artisan ng:service name    #New service inside angular/services/

这些命令将创建新的目录和文件,用于 AngularJS 前端的新 ES6 语法。如果不存在,则命令将创建索引文件(例如:index.components.js),如果启用,则新创建的类将被导入。

配置可以在 config\generators.php 中编辑。下面是详细说明。

配置

  • source:目录名称。它们构成了新创建文件的路径
    • root:所有创建的文件和文件夹将被放置的目录名称。
    • 其他条目指示文件将被放置的目录。例如,运行 php artisan ng:component name 将为组件 name 创建三个新文件,路径为 root/components/name/。默认为 angular/app/components/name/
  • suffix:附加到文件名上的名称和扩展名。例如:运行 php artisan ng:directive name 将创建一个名为 name.directive.js 的文件。
    • stylesheet:样式表的扩展名。注意:为页面和组件都创建了样式表
  • 测试
    • enable:是否启用或禁用测试文件的创建
    • source:与 source 相同,但用于测试文件
  • misc.auto_import:是否在索引文件中启用或禁用自动导入。
  • angular_modules:用于 Angular 根模块和子模块的配置。如果索引文件在创建之前或手动创建,则这些设置有助于识别 Angular 模块以进行自动导入。如果索引文件在首次运行命令时创建,则这些设置将为您创建 Angular 模块。
    • root:Angular 根模块。
    • standalone:如果模块被定义为独立(即:angular.module('mymodule', []))或属于根模块(angular.module('mymodule'))。如果设置为 false,则 use_prefixprefixsuffix 将被忽略,并使用根模块名称。
    • prefixsuffix:模块的名称为 prefix.suffix;例如:app.components
    • use_prefix:是否使用前缀为模块名称

文档

查看 Angular 生成器文档

贡献者

最初在 laravel5-angular-material-starter 创建,然后由 @m33ch 移动到单独的包。

注释

  • 不要添加单词 service,它将自动为您添加。