如何设置 egghead.io 视频之类的开发环境

How to setup dev environment like egghead.io videos

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

您需要一台服务器来设置您的文件。您看到的视频可能使用了浏览器重新加载插件,该插件会监视文件的更改并在任何文件发生更改时立即刷新页面。 您可以使用 yeoman (and one of the generators) for project setup (for scaffolding basically). You will need to install NodeJS first which will install NPM (node package manager) with it. Then you can install YEOMAN and use the generator respectively. My recommendation would be 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

系统会要求您 select 所需的技术。完成后,您可以 运行 以下命令查看它是否正常工作(实时重新加载)

gulp serve

不确定您在说什么视频,但听起来 he/she 有一个 gulp 或 grunt 任务正在监视更改,然后实时重新加载您的浏览器。可以是