node,Yeoman,Bower,Grunt的简介及安装

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了node,Yeoman,Bower,Grunt的简介及安装相关的知识,希望对你有一定的参考价值。

作为前端,基本的html,css,js已经不太够用了,所以要学习一些前端自动化工具,来提高我们的生产力

1、NodeJS

先安装NodeJS,直接去官网,下载最新的版本,一定要最新的版本,这样会避免很多的坑。

下载完成后在命令行中输入node -v 显node示出版本号,此时就安装好了。

如果电脑之前没装git的话,最好也要安装上,因为git上有 git bash shell 用这个编辑命令行好像好一些。

node安装好后 npm会随之也下好了,npm -- Node Package Manager   node包管理和分发工具。

2、YEOMAN

现代web app 脚手架工具

作用:在web项目的立项阶段,使用yeoman来生成项目的文件,代码结构;自动将最佳实践和工具整合进来,大大加速和方便了我们后续的开发。

安装:npm install -g yo

  -g的作用是全局,如果不加的话,就会安装在此时的目录文件中

  npm -v 出现版本号,证明安装成功

3、Bower

web 包管理器

安装:npm install -g bower

     bower -v 

4、Grunt

Build tool

自动化:减少像压缩、编译。单元测试,代码 这种重复且无业务关联的工作。

安装:npm install -g grunt-cli

   grunt -->有错误,证明安装成功

 

如果期间发生警告是npm warm deprecated npm [email protected]:this package has been reintegrated into npm and is now out of date,

那么就先升级node。要是WARNING 的内容的话是别的内容的话,别管他,继续你的事。。

以上是关于node,Yeoman,Bower,Grunt的简介及安装的主要内容,如果未能解决你的问题,请参考以下文章

npm,bower,gulp,Yeoman和grunt有什么好处?

什么是bower

bower入门教程

在 mac os 中安装 Grunt

bower

如何安装并使用bower包依赖工具