首先配置 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-01T09:26:52

var utc = new Date().toISOString();
console.log(utc);
//OUTPUT: 2016-07-01T09: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()