jacmoe / yii2-app-basic-zurbified
使用 Zurb Foundation for Sites 的 Yii 2 Basic Gulp Sass 应用程序模板
2.3.3
2016-03-29 08:59 UTC
Requires
- php: >=5.4.0
- bower-asset/font-awesome: ^4.5
- bower-asset/foundation-sites: ^6.2
- bower-asset/motion-ui: ^1.2.2
- bower-asset/sass-rem: ^1.2
- bower-asset/what-input: ^1.1
- yiisoft/yii2: >=2.0.5
- yiisoft/yii2-bootstrap: *
- yiisoft/yii2-swiftmailer: *
Requires (Dev)
README
使用 Zurb Foundation for Sites 的 Yii 2 Basic Gulp Sass 应用程序模板是一个骨架 Yii 2 应用程序,它添加了对 Gulp 和 Sass 的支持。
模板包含基本功能,包括用户登录/登出和联系页面。它包含所有常用的配置,使您能够专注于添加新功能到您的应用程序。
目录结构
assets/ contains assets definition
commands/ contains console commands (controllers)
config/ contains application configurations
controllers/ contains Web controller classes
mail/ contains view files for e-mails
models/ contains model classes
runtime/ contains files generated during runtime
tests/ contains various tests for the basic application
vendor/ contains dependent 3rd-party packages
views/ contains view files for the Web application
web/ contains the entry script and Web resources
需求
此项目模板的最低要求是您的 Web 服务器支持 PHP 5.4.0。
安装
先决条件
在开始之前,请确保您已安装 composer 和 Node.js。如果您使用的是 Debian 或 Ubuntu,您可能还想安装 libnotify-bin 软件包,该软件包由 Gulp 用于通知其状态。
Gulp
如果您之前没有这样做,请全局安装 gulp
npm install -g gulp-cli
Browsersync
如果您之前没有这样做,请全局安装 browsersync
npm install -g browser-sync
通过 Composer 安装
如果您没有 Composer,您可以按照 getcomposer.org 上的说明进行安装。
然后,您可以使用以下命令安装此项目模板
php composer.phar global require "fxp/composer-asset-plugin:~1.1.1"
php composer.phar create-project --prefer-dist --stability=dev jacmoe/yii2-app-basic-zurbified basiczurb
安装后
在项目根目录中运行此命令安装节点模块
npm install
安装成功后,使用以下命令构建项目
gulp build
现在,假设 basic
是 Web 根目录下的直接目录,您应该可以通过以下 URL 访问应用程序。
https://127.0.0.1/basic/web/
要启动浏览器窗口并监视项目更改
gulp
要为生产环境优化构建(压缩等),请指定 production
标志
gulp build --production
和/或
gulp --production
配置
数据库
使用真实数据编辑 config/db.php
文件,例如
return [ 'class' => 'yii\db\Connection', 'dsn' => 'mysql:host=localhost;dbname=yii2basic', 'username' => 'root', 'password' => '1234', 'charset' => 'utf8', ];
备注
- Yii 不会为您创建数据库,您必须手动创建它才能访问。
- 检查并编辑
config/
目录中的其他文件,以根据需要自定义您的应用程序。 - 有关基本应用程序测试的特定信息,请参阅
tests
目录中的 README。