nodejs与grunt

1.Node安装:
到https://nodejs.org下载node-v4.0.0-x64.msi,新建目录d:\node\nodejs并安装node到这个目录.
安装完,可以看到用户环境变量PATH被设为C:\Users\xin\AppData\Roaming\npm(xin为当前系统的用户名),系统环境变量path也被加上了D:\node\nodejs\
修改prefix和cache:
a:在d:\node目录新建D:\node\node-global和D:\node\node-cache两个子目录
b:修改用户环境变量PATH被设为D:\node\node-global
c:修改D:\node\nodejs\node_modules\npm\npmrc文件,
将prefix=${APPDATA}\npm改为prefix=D:\node\node-global
第二行加入cache=D:\node\node-cache
第三行加入registry = http://
也就是此文件内容最后为:
prefix=D:\node\node-global
cache=D:\node\node-cache
registry=http://registry.npm.taobao.org

我建议使用上面这种方式,下面这种方式按推测应该只对当前用户有效
也可以在命令提示符运行
npm config set prefix "D:\node\node-global"
npm config set cache "D:\node\node-cache"
npm config set registry "http://registry.cnpmjs.org"
再回到用户主目录%userprofile%下面的.npmrc的内容已变为
prefix=D:\node\node-global
cache=D:\node\node-cache
registry=http://registry.npm.taobao.org


prefix和cache就是配置下载的东西不放在用户目录下,为了防止重装系统之类的,又要重新下载.
registry配置npm镜像,国内的不会容易断,速度也有优势.(为什么选http://registry.npm.taobao.org而不选http://registry.cnpmjs.org作为npm镜像,请参考https://cnpmjs.org/提到 For developers behind the GFW, please visit the Chinese mirror. 中国用户请访问国内镜像站点 )


2.安装全局模块express与grunt
npm install express -g
npm install grunt-cli -g


3.使用grunt编译Bootstrap
到http://getbootstrap.com/getting-started/#download下载bootstrap3.3.5源代码,下载地址:https://github.com/twbs/bootstrap/archive/v3.3.5.zip,然后解压下载包
或者使用npm下载,在你想下载的地方打开命令行提示符,输入npm install bootstrap回车
进入/bootstrap目录,运行命令npm install,npm会根据package.json并安装此文件中列出的所有依赖的扩展包.
如果安装过程中,提示没有安装git,那应先安装git,可参考来http://blog.youkuaiyun.com/xiejx618/article/details/22546081第1点来安装git.为了在命令提示符能直接使用git命令,不要忘了配置环境变量




此步骤完成后,就可以运行Bootstrap提供的各个Grunt命令了.比如:
grunt dist (仅编译 CSS 和 JavaScript 文件)
重新生成 /dist/ 目录,并将编译压缩后的 CSS 和 JavaScript 文件放入这个目录中。作为一名 Bootstrap 用户,大部分情况下你只需要执行这一个命令。


grunt watch (监测文件的改变,并运行指定的 Grunt 任务)
监测 Less 源码文件的改变,并自动重新将其编译为 CSS 文件。




排错

如果你在安装依赖包或者运行Grunt命令时遇到了问题,请首先删除npm自动生成的/node_modules/目录,然后再次运行npm install命令.


ubuntu安装会简单点:

1.进到用户主目录下载已编译好的二进制安装包并解压,再进入解压目录

cd ~

wget https://nodejs.org/dist/latest/node-v4.0.0-linux-x64.tar.gz

mv node-v4.0.0-linux-x64 node-4

cd  node-4

2.配置环境变量

vi etc/npmrc    #这个etc目录是在解压目录下的,加入以下内容.

prefix=/home/xin/node-4/node-global
cache=/home/xin/node-4node-cache
registry=http://registry.npm.taobao.org


sudo vi /etc/profile,shift+g进入尾行,加上

export PATH=/home/xin/node-4/bin:/home/xin/node-4/node-global/bin:$PATH

同样source /etc/profile


3.安装express,grunt

npm install -g express

npm install -g grunt-cli


----------------------------------使用cnpm代替npm------------------------------------------------

#node-v6.10.1-x64.msi下载带有npm版的nodejs安装执行文件,安装目录设为D:\nodejs,使用node -v和npm -v检查安装.


#设置库和缓存位置.
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"


#npm config get prefix得到的目录是C:\Users\xin\AppData\Roaming\npm(在上面的安装过程中已自动将D:\nodejs添加到系统变量Path,将C:\Users\xin\AppData\Roaming\npm添加到用户变量Path)
#因为npm config set prefix "D:\nodejs\node_global"改变了库的位置,这里也手动将D:\nodejs\node_global添加到用户变量Path.




#安装cnpm,参考https://cnpmjs.org/.使用以下命令即可.
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm -v
#以后可以用cnpm代替npm,可以安装express试试
cnpm install express -g










评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值