ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
上一节中,我们把基本的环境搭起来了。本节中,我们共同来学习如果使用这个环境来开发。 大体的思想如下图: ![https://box.kancloud.cn/9b3771ce21b900fce6380cdd12170917_1308x578.png](https://box.kancloud.cn/9b3771ce21b900fce6380cdd12170917_1308x578.png) 如果我们在前面执行顺利的话,yoman已经为做好了一切,你应该得到了一个如下的目录: ![https://box.kancloud.cn/334ec836e8e37acb589995ffee2518fb_338x304.png](https://box.kancloud.cn/334ec836e8e37acb589995ffee2518fb_338x304.png) 且bower_components中有了我们需要的N个文件夹 ![https://box.kancloud.cn/52f0a25d1eccaf96aba7d3c05ac31012_382x412.png](https://box.kancloud.cn/52f0a25d1eccaf96aba7d3c05ac31012_382x412.png) 如果你没有看到上图中的内容,说明我们的bower肯定有一些问题,我们在需要在当前目录(WebApp)中,执行bower install来查看错误信息,并按GOOGLE给出的建议去解决问题。 node_modules中也有了我们需要的N个文件夹。 ![https://box.kancloud.cn/2e1656096c1605550eb8b69747133ae2_442x476.png](https://box.kancloud.cn/2e1656096c1605550eb8b69747133ae2_442x476.png) 如果你没有看到上图中的内容,说明我们的npm在安装时可能出现了一些问题,我们在需要在当前目录(WebApp)中,执行npm install来查看错误信息,并按GOOGLE给出的建议去解决问题。 # 检测程序 `$ grunt` 不出意外,你应该会看到一个如下错误: ``` jit-grunt: Plugin for the "karma" task not found. If you have installed the plugin already, please setting the static mapping. See https://github.com/shootaroo/jit-grunt#static-mappings Warning: Task "karma" failed. Use --force to continue. ``` 一条警告,说karam任务执行失败。 这是由于,我们并没有安装karma这个node.js软件造成的。 安装karam系列软件来解决这个错误。 `npm install -g grunt-karma karma karma-phantomjs-launcher karma-jasmine jasmine-core phantomjs-prebuilt --save-dev` -g: 全局安装 ,这样以后我们再需要karma的时候,就不需要再安装了。 --save-dev: 将karma等一系列软件添加到package.json文件中,这样其它成员得到这个项目时,就不会报karma这个错误了。 再运行grunt,发现错误已经被排除。 > 装环境是件痛苦的事情,如果你用了两个小时,还是报各种找不到北的错误,那么去请教自己的组长或其它成员吧。 # 启动程序 最后,我们使用grunt serve来启动程序 ,很神奇的,grunt自动为我们打开了浏览器,并且自动输入了地址。 `$ grunt serve` ![https://box.kancloud.cn/f8970173728e0f8c72c0b8b714ae28b5_1316x228.png](https://box.kancloud.cn/f8970173728e0f8c72c0b8b714ae28b5_1316x228.png) ``` > github: git checkout step7.2