如何設置開發環境，例如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/ ）