webstorm配置nodejs,bower,git,github

一,配置nodejs
第一大步,首先安装nodejs,安装nodejs的时候,我们需要把所有的组建勾选上,然后选择add to path,这一步会自动帮我们配置环境变量,安装完成后,打开cmd,输入node -v查看安装版本,如果有结果显示则表示安装成功。
npm是nodejs的包管理工具,然后再cmd输入命令npm -v,查看npm对应的版本信息,或者输入npm,显示结果如图所示:
webstorm配置nodejs,bower,git,github
看到这个结果就代表成功了,
1.file->setting->搜索nodejs and npm->如图
webstorm配置nodejs,bower,git,github
第一个:填写安装node的路径,
第二个:配置node的源文件包,
最后一步点击最下方的apply和ok按钮
二.配置bower
,bower 是运行在node.js 基础上,所以你的当前环境确保已经安装 node.js
如何使用bower
npm install -g bower
1.检查是否安装成功
$ bower help
如图所示:
webstorm配置nodejs,bower,git,github
2.如果提示bower版本过低,使用npm update -g bower命令即可更新到最新版本
3.help中的命令具体如下:
cache                   Manage bower cache     -->bower缓存管理
    help                    Display help information about Bower   --->显示bower命令帮助
    home                    Opens a package homepage into your favorite browser    --->通过浏览器打开一个package的首页
    info                    Info of a particular package   -->一个依赖包的具体信息
    init                    Interactively create a bower.json file     -->初始化bower,并并创建一个bower.json文件
    install                 Install a package locally  -->本地安装依赖文件
    link                    Symlink a package folder --->在本地建立一个包的项目链接
    list                    List local packages - and possible updates     -->列出本地所有依赖包
    login                   Authenticate with GitHub and store credentials   --->验证github和存储依据
    lookup                  Look up a package URL by name-->根据包名查询包的url
    prune                   Removes local extraneous packages     --->删除与项目无关的包
    register                Register a package    -->注册一个包
    search                  Search for a package by name  --->根据依赖包的包名查找具体包
    update                  Update a local package   -->更新某一个依赖包
    uninstall               Remove a local package -->删除本地包
    unregister              Remove a package from the registry    -->从注册列表中删除依赖包
    version                 Bump a package version -->查看依赖包的具体版本信息
4.使用bower init 创建bower.json文件,具体使用如图所示:
webstorm配置nodejs,bower,git,github
上面的每一步都是在cmd上执行的
5.bower install jquery#1.7.2,如图所示:
webstorm配置nodejs,bower,git,github
会自动在项目的根目录下生成一个bower_components文件,下载的依赖包,会自动放在改文件下,如果想更改存放文件的路径以及文件名称,
需要创建一个.bowerrc文件,该文件的具体内容如下;
{
  "directory": "app/bower_components",---->自己所想要的文件路径
  "interactive": false
}
重要信息:
如果在安装bower过程中遇到:Bower : ENOGIT git is not installed or not in the PATH
解决方法:需要把git的bin,和cmd的文件路径配置到path中,重启电脑即可
三配置git:

第一次使用bower,结果在安装bootstrap时遇到这个问题:

 
$ bower install bootstrap
bower ENOGIT git is not installed or not in the PATH

按照提示我先安装了git fo window.
安装时记得要勾选 Use Git from the windows Command prompt
完成后,再次运行,问题依然存在。

于是又注意到“or not in the PAHT”

$ PATH

添加git路径(我的是默认安装路径)

$ set PATH=%PATH%;C:\Program Files\Git\bin

再次运行

$ bower install bootstrap
...

 

 

转自:http://www.w3cfuns.com/notes/22190/03fe7e7a51276969c2d6aa6fff8d259c.html

上一篇:纯shell命令 一键安装k8s集群(三台master 也是node节点)


下一篇:Photoshop打造出中国特色古色古香的中秋贺卡