NG6-starter：AngularJS + ES6 + Webpack 的入门套件

在你日常开发中，是否曾经为如何快速搭建一个现代化的AngularJS应用而感到困惑？别担心，NG6-starter就是为了解决这个问题而生的。它是一个专为AngularJS、ES6和Webpack设计的入门套件，帮助你轻松构建可扩展的应用。

NG6-starter的亮点

首先，NG6-starter提供了最佳实践的目录和文件组织方式，这意味着你可以轻松地进行水平扩展。无论你的应用有多大，这种结构都能让你保持清晰的组织。

其次，它内置了一个强大的构建系统，利用Webpack和Gulp的结合，处理从ES6到ES5的转译、模块加载、样式表转译等一系列任务。你甚至可以在文件变更时自动刷新浏览器，真是开发者的福音啊！

如何开始使用NG6-starter

使用NG6-starter非常简单。首先，你需要确保你的系统上安装了Node.js和npm。接着，克隆这个仓库并安装所有依赖：

    
bash复制
    
git clone https://github.com/angular-class/NG6-starter.git
cd NG6-starter
npm install

    

安装完毕后，你可以通过以下命令启动开发环境：

    
bash复制
    
npm start

    

这会启动一个开发服务器，并监听所有文件的变动。你可以在浏览器中查看你的应用，默认端口会在终端中显示。

生成组件

NG6-starter还提供了生成Angular组件的功能。通过命令行，你可以快速创建一个新的组件：

    
bash复制
    
npm run component -- --name componentName

    

这会在client/app/components目录下生成一个新的组件文件夹，包含所需的模板、样式和测试文件。这样一来，你就可以专注于业务逻辑的实现，而不必担心文件结构的问题。

测试

测试是确保应用质量的重要环节。NG6-starter使用Karma结合Webpack来运行所有的测试文件。你只需在终端中输入：

    
bash复制
    
npm test

    

这会运行所有以.spec.js结尾的测试文件，确保你的代码在不同的浏览器中都能正常工作。

我的感觉是

NG6-starter真的是一个非常实用的工具，特别是对于那些想要快速上手AngularJS开发的朋友们。它不仅简化了开发流程，还提供了许多实用的功能，让你可以专注于代码本身，而不是被各种配置问题困扰。在我看来，NG6-starter就是你构建现代化Web应用的得力助手。