搭建yeoman自动化构建工具
来源:互联网 发布:电视桌面软件 编辑:程序博客网 时间:2024/05/18 03:46
yeoman可以快速的搭建一个项目的手脚架,初次接触yeoman,在搭建的过程中遇到了很多的问题。
yeoman需要node.js(http://nodejs.org)和git(http://git-scm.com/downloads)作为开发环境,所以需要先安装这两个东西。
yeoman主要由三个东西构成,需要分别安装yo(脚手架工具)、grunt(构建工具)、bower(包管理工具)。
cnmp install -g yocnpm install -g grunt-clicnmp install -g bower
在这里使用了cnmp,这是百度的一个东西,比npm安装要快很多。
因为要本人写一个AngularJs应用,所以还安装了cnmp isntall -g generator-angular@0.9.8
然后创建一个项目目录例如StockDog,进该目录运行以下命令创建一个项目
yo angular StockDog本人第一次没有安装yo,所以报了“yo不是内部或者外部命令”的错误。
查看我们的StockDog目录,如图
如果此时我们输入grunt serve命令启动配置的本地服务器,不会像预期一样运行,而是会报错,提示Unable to find local grunt,这是因为我们没有安装依赖包,查看文件package.json,我们可以看到本项目的依赖包。
所以我们要安装这些所有的包,执行以下命令
cnmp install
此时项目目录中会多出一个名为node_modules的文件夹,该目录包含了cnpm安装的包。
再次输入grunt server命令,还是报错,注意下面的红色报错字体,没有发现bower packages
我们打开bower.json文件,发现了很多项目要依赖的包和模块,有些是在创建项目的时候选择的。
所以我们要安装这些包和模块,执行下面命令
bower install这时我还遇到了不识别bower命令的问题,于是运行下面命令安装bower
cnpm install bower --save-dev这时还是有问题
因为bower是通过git下载包的,因为git没有在系统环境中配置路径,此时可以有两种方式解决
- 在Git Bash中运行bower install
- 配置git的环境变量路径,例如我的在环境变量path中添加G:\Git\bin。
这时项目又多出了一个目录bower_components,该目录包含了bower命令安装的包,最终的项目文件目录如下:
这时再运行grunt server,则会应用会启动,并在默认浏览器中打开一个标签
这时使用yeoman就算成功了。
0 0
- 搭建yeoman自动化构建工具
- 前段自动化工具grunt bower yeoman安装
- 自动化构建工具gulp环境搭建整理
- Yeoman搭建
- 自动化构建环境搭建
- 自动化构建工具 Gradle
- Jenkins:自动化构建工具
- grunt自动化构建工具
- 自动化构建工具
- gulp自动化构建工具
- gulp 自动化构建工具
- gulp 自动化构建工具
- 使用Nodejs+Yeoman定制前端开发项目构建工具
- yeoman 构建angular项目
- jenkins搭建自动化构建总结
- 前端自动化构建工具Grunt
- 自动化构建工具资料收集
- 前端自动化构建工具gulp
- css学习大纲
- 软件设计原则
- nodejs window下安装与配置淘宝镜像
- jsp1-jsp初步
- Java线程:创建与启动
- 搭建yeoman自动化构建工具
- 2017年山东省第八届ACM竞赛总结
- javaday48_IO流_File类的使用,File过滤器,遍历文件目录
- JAVA复习第一次
- leetcode: Maximum Depth of Binary Tree
- Windows环境部署Apache+tomcat集群
- 嵌入式视频方案学习第三篇——Hi3518E 媒体处理软件平台介绍
- mac环境下升级node
- leetcode: sametree