如何设置像egghead.io视频

时间:2016-03-25 07:55:18

标签: angularjs development-environment

我想在我的机器上设置一个环境来学习AngularJS。我在egghead.io的视频中看到他一直在键入AngularJS代码,以及何时通过服务器刷新并在浏览器中实时显示更改。怎么做?我在视频中看到了WebStrom徽标,但就是这样。

2 个答案:

答案 0 :(得分:2)

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

npm install -g yo gulp bower

以上命令分别安装yeoman,gulp和bower

npm install -g generator-gulp-angular

上面的命令安装了gulp-angular yeoman发电机

然后你可以创建一个目录,比如'testDir'并导航到它。即。

cd testDir

然后运行

yo gulp-angular

您将被要求选择所需的技术。完成后,您可以运行以下命令以查看它是否正常工作(使用实时重新加载)

gulp serve

答案 1 :(得分:0)

不确定你正在谈论什么视频,但听起来他/她有一大口或咕噜咕噜的任务,正在观察变化,然后重新加载你的浏览器。它可能是