这周自己私下也是学习了yeoman的自动化构建，也是因为在学习angular的时候，看到视频上使用yeoman的构建工具，实时刷新页面，构建模板等非常炫酷的功能，所以上周也是研究了一下，因为自己学习的时候，也是搜索了很多的入门指南之类的文章，照着上面去写的时候，还是遇到了很多问题，并且迟迟都没有能解决，然后也是仔细看了报错的信息，以及查询各种各样的资料，终于初步捣鼓出来一个简单的模板构建的功能，一起来复习一下。
因为自己用的是MAC OS所以这篇也是以MAC终端来构建的，首先肯定是要在终端中install最重要的yo模块，这个很简单
npm install -g yo有的可能是需要输入权限的，这个时候只需要在前面加上sudo，输入您的电脑密码就可以了
sudo npm install -g yo当然在此之前还需要安装好一些打包的构建工具等等，比如bower，grunt之类的，
sudo npm install -g bower grunt之后就是创建一个项目文件夹，进入到文件夹中，在文件中来进行操作的
mkdir myto && cd myto这里就遇到了第一个问题，就是虽然我们进入了文件夹，但是我们用yo命令创建generator的时候，生成的文件全部跑到了项目文件夹外面的根目录上面了，导致我们创建的一系列文件全部都不在我们期望的项目文件夹中，这个问题也是困扰了自己很久，不过后来还是在网上搜到了答案，大牛还是非常多的
defaults write com.apple.finder AppleShowAllFiles -bool true;
KillAll FinderMAC下的话，需要先把隐藏文件显示出来，如果要重新隐藏，则将这个true改成false就可以隐藏了，然后你就可以再根目录下面发现.yo-rc.json的文件，其实只要删除这个文件就可以了，当然执行删除步骤的时候一定要小心，以免将系统的一些文件删除就麻烦了
ls -alrm -rf .yo-rcc.json先是显示所有的文件的操作，然后再删除这个.yo-rc.json的文件，这样再重新执行yo就不会生成在根目录下面了。因为这个yeoman会用到一些grunt之类的打包工具，所以在构建的时候，我们还是要在当前目录下生成一个node_modules文件夹，即当前目录下载grunt的意思
npm install grunt --save-dev之后其实很简单了，yeoman还是非常智能的，都是以提问的方式来一一创建需要的文件的，输入yo命令以后，先是选择一个generator，这个也是yeoman最重要的部分，选择install a generator，输入你想查询的generator，按下回车以后，就会出现搜索结
果
这里是以angular为例，搜索结果出来了很多angular的生成器，具体每种生成器，本人也不清楚，需要大家自己去搜索，后面按照步骤就可以了，一切没有问题的话，则会自动创建很多文件
创建成功的话，最后输入
grunt serve这样会自动打开浏览器，打开你创建的模板，如果你修改代码的话，页面也是会实时刷新，不需要你点击刷新，感觉还是非常酷的，也省了很多的功夫
这样的话，则是代表已经成功了，就可以开始自己编写代码了，但是在此之前，自己也是遇到了一个很大的问题，之所以写这边文章，其实也是希望给那些可能遇到同样问题的人一些帮助吧，就是输入grunt serve命令的时候，终端会一直显示报错，并且上面的报错信息说，是某个模块没有安装，自己也是按照上面的模块一个一个安装，但是安装到最后一个模块的时候，又报错了，这次是怎么调整修改都没有办法，后来都准备放弃了，不过也是百度了看了几页的回答，都是说下载模块就行，但是到了自己这里怎么都行不通，不过后面还是让自己找到了方法，就是清理npm的缓存，原因也是自己猜测的，因为自己用npm也是比较长的时间了，积累了很多不必要的文件，所以导致了冲突，其实非常简单，就是输入一个命令就可以解决了
npm cache clean -force这样就能强制清理缓存，在重新试试输入grunt serve的命令，出现上面的图片的情况，就说明成功了,当然构建模板只是最简单的应用之一，还有很多更强大的功能等待自己去挖掘，大家如果有更好的使用心得也都可以和我去交流的啦。