Question

我正在学习使用带有使用TDD方法的Typescript使用Angular JS开发应用程序。我想知道我们应该考虑哪些因素基本的脚手架结构或种子项目（无论是考虑测试框架还是构建系统，如gulp，grunt等）。是否有关于在我们自己创建此结构的教程。

Answer 1

假设你有一个NodeJs / Express后端。我坚持这样的结构。

1 - 请记住分开关注点。在后端的一侧，在另一侧的前端。 2 - 尝试在ExpressJS项目中保持干净的模型视图控制器。 3 - 在你的Angular App中尝试使用TypeScript进行良好的OOP设计。 4 - 让您的测试尽可能真实。当它们开始有点慢时，请对您的HTTP请求进行存根。

希望它有所帮助！

FOLDERS
>root
-> start.ts
-> backend
--> configs
--> controllers
--> models
--> routes
--> services
--> tests (Mocha tests)

-> typings
-> scss
-> public
--> images
--> css
--> cache_manifests
--> frontEnd
---> project1
-----> tests
-----> components
-----> configs
-----> models
-----> services
-----> app.module.ts
-----> app.ts
-----> etc...
---> project2
---> project3

GULP SCRIPT

gulp.task("dev:build", function () {
  var tsProject = ts.createProject(path.resolve("./tsconfig.json"));
  var tsResult = gulp.src([
    "**/*.ts",
    "!typings/**/*.ts"
  ]).
    pipe(sourcemaps.init()).
    pipe(tsProject());

  return tsResult.js.
    pipe(sourcemaps.write()).
    pipe(gulp.dest(path.resolve("./")));
});

优秀补习：https://angular.io/

它在Angular2上有关于TDD的全部内容。花点时间阅读它。

哪个是最可靠的脚手架结构，用于开发带有打字稿和TDD的angularjs应用程序

1 个答案: