如何设置开发环境，例如egghead.io视频

Question

我想在机器上设置一个环境来学习AngularJS。 我在egghead.io的视频中看到他不断输入AngularJS代码，以及当它通过服务器刷新并在浏览器中实时显示更改时的情况。 怎么做？ 我在视频中看到了WebStrom徽标，仅此而已。

Answer 1

您将需要服务器来设置文件。 您看到的视频可能使用了浏览器重新加载插件，该插件可以监视文件中的更改并在任何文件中有更改时刷新页面。 您可以使用yeoman （和其中一种生成器）进行项目设置（基本上用于脚手架）。 您将需要首先安装NodeJS ，它会同时安装NPM（节点程序包管理器）。 然后，您可以安装YEOMAN并分别使用生成器。 我的建议是generator-gulp-angular 。 有关说明，请参见自述文件，但基本上，正确安装NodeJS后，您必须在命令提示符下运行这些命令。

npm install -g yo gulp bower

上面的命令分别安装yeoman，gulp和bower

npm install -g generator-gulp-angular

上面的命令安装了gulp-angle yeoman生成器

然后，您可以创建一个目录，说“ testDir”并导航到该目录。 即

cd testDir

然后跑

yo gulp-angular

系统会要求您选择所需的技术。 完成后，您可以运行以下命令以查看其工作情况（实时重新加载）

gulp serve

Answer 2

不确定您在说什么视频，但听起来他/她的任务很艰巨，正在监视更改，然后实时重新加载浏览器。 可能是

• gulp-livereload（ https://www.npmjs.com/package/gulp-livereload ）

要么

• browsersync（ https://www.browsersync.io/ ）