angular project

安装angular

---

1.nodejs

2.npm

3.typescript

4.angular

项目初始化

---

1. mkdir test

2. mkdir src

3. npm -y init

4.src/hello.js

5.npm install --save-dev jshint

6. .jshintrc

    {

        "browser": true,

        "browserify": true,

        "devel": true

    }

7.package.json

    "scripts": {

        "lint": "jshint src"

    }

8.npm run lint

单元测试

---

1.     npm install --save-dev jasmine-core sinon

        Jasmine:     单元测试框架

        Sinon：   测试库

2.    npm install --save-dev karma karma-jasmine karma-jshint-preprocessor

        Karma:    test runner

3.    npm install --save-dev phantomjs karma-phantomjs-launcher

        Phantom:    浏览器运行环境

4.    karma.conf.js

        module.exports = function(config) {

              config.set({

                frameworks: ['jasmine'],

                files: [

                      'src/**/*.js',

                      'test/**/*_spec.js'

                ],

                preprocessors: {

                      'test/**/*.js': ['jshint'],

                      'src/**/*.js': ['jshint']

                },

                browsers: ['PhantomJS']

    })

}

5.    .jshintrc

{

  "browser": true,

  "browserify": true,

  "devel": true,

  "globals": {

    "jasmine": false,

    "describe": false,

    "it": false,

    "expect": false,

    "beforeEach": false,

    "afterEach": false

  }

}

6.    package.json

    "scripts": {

            "lint": "jshint src test",

            "test": "karma start"

    }

7.    npm run lint

        npm run test

项目模块化

---

1.     browserify && refer plugins

        npm install --save-dev browserify karma-browserify

Lodash && jQuery

---

1.    npm install --save lodash jquery