首先配置 node 和 PHP 环境;
选择 Tools -> Build System -> New Build System 之后,

• 创建 JavaScript.sublime-build 文件:

  {

  "cmd": ["node", "$file"],
  "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
  "working_dir": "${file_path}",
  "selector": "source.js",
  "shell": true,
  "encoding": "utf-8",
  "windows": {
   "cmd": ["node", "$file"]
  },
  "linux": {
   "cmd": ["killall node; node", "$file"]
  }
  

  }
  `

• 创建 PHP.sublime-build 文件:
  

  `{

  "cmd": ["php", "$file"],
  "file_regex": "php$",
  "selector": "source.php"
  

  }

sudo apt-get update
`</pre>
## Step 1\. Install Apache2
<pre>`sudo apt-get install apache2
sudo ufw app list
//Sample output:
Available applications:
 Apache
 Apache Full
 Apache Secure
 OpenSSH
sudo ufw allow in "Apache Full" 
//Allow incoming traffic for this profile
`</pre>
## Step 2\. Install MySQL
<pre>`sudo apt-get install mysql-server
sudo mysql_secure_installation
`</pre>
## Step 3\. Install PHP
<pre>`sudo apt-get install php7
`</pre>
## Step 4\. Install PHP Modules
<pre>`apt-cache search php- | less
apt-cache show package_name
sudo apt-get install php7-*

遇到的问题:

• 重新设置 Mysql user/pwd.(解决方法见链接2)

参考文章:
How To Install Linux, Apache, MySQL, PHP (LAMP) stack on Ubuntu 16.04
MySQL ERROR 1698 (28000) 错误

var utc = new Date().toISOString().slice(0, -5);
console.log(utc);
//OUTPUT: 2016年07月01日T09:26:52
var utc = new Date().toISOString();
console.log(utc);
//OUTPUT: 2016年07月01日T09:31:17.008Z

默认浏览器设置为Chrome:

• 打开behat.yml文件,找到browser_name,修改为
  browser_name: chrome

• 下载chromedriver,并将它与selenium放在同一个文件夹下。

• 启动时首先运行selenium文件

修改默认窗口为Maximize:

$this->getSession()->getDriver()->maximizeWindow('current');

在表单提交之后,如果仅仅是清空表单数据内容,相应 input 的 class 并不会改变(依然是 ng-dirty 状态),我们需要移除这些红色的 required 提示。

 <div ng-app="myApp" ng-controller="myCtrl as ctrl">
 <form name="ctrl.myForm">
 <div><label for="email">Email</label>
 <input name="myInput" type="email" ng-model="ctrl.email" id="email" required></div>
 <div><label for="password">Password</label>
 <input name="myPassword" type="password" minlength="8" ng-model="ctrl.password" id="password" required></div>
 <div>
 <button ng-click="ctrl.reset()" type="button">Reset</button>
 </div>
 </form>
`</pre>
`JavaScript` 代码:
<pre>`
angular.module('myApp', [])
 .controller('myCtrl', myCtrl);
function myCtrl(){
 var vm = this;
 vm.reset = function(){
 vm.myForm.$setPristine();
 vm.myForm.$setUntouched();
 vm.email = vm.password = '';
 }
}

表单input区域必须放在 form 中

参考连接:Angular clear subform data and reset validation

在httpd-vhosts.conf中,新建如下内容:

<VirtualHost 127.0.0.1>
 ServerName x.y:8000
 DocumentRoot "D:\projects\xxx\web"
 <Directory "D:\projects\xxx\web">
 RewriteEngine on
 AllowOverride All
 </Directory>
</VirtualHost>

重启Apache即可生效。

首先需要在父级模版中引入 AngularJS 和 Angular Material.

<link rel="stylesheet" href="{{ asset('angular-material.css') }}">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=RobotoDraft:300,400,500,700,400italic">
<script src="{{ asset('angular.js') }}"></script>
<script src="{{ asset('angular-aria.js') }}"></script>
<script src="{{ asset('angular-animate.js') }}"></script>
<script src="{{ asset('angular-material.js') }}"></script>
`</pre>
在js文件中,写入:
<pre>`angular.module('myApp',['ngMaterial'])
 .config(function($interpolateProvider){
 $interpolateProvider.startSymbol('{[{').endSymbol('}]}');
})
 .controller('myController', myController);
myController.$inject = ['$scope'];
function myController( $scope ) {
}`</pre>
最后,在twig模版中写scope变量时,需要写成:
<pre>`{[{ scopeVariable }]}

参考内容:

• http://stackoverflow.com/questions/13671701/angularjs-twig-conflict-with-double-curly-braces

我们可以使用trim() 方法去掉字符串的前后空格,比如:

$('#id span').text().trim()