nvm 安装nodejs &gulp

来源:互联网 发布:mac音乐转换格式软件 编辑:程序博客网 时间:2024/06/05 21:01

配置环境变量并重启


重启环境变量,source ~/.bash_profile


安装node,在环境变量~/.bash_file中重新配置nodejs镜像源

# nvmexport NVM_NODEJS_ORG_MIRROR="https://npm.taobao.org/mirrors/node"source ~/.nvm/nvm.sh
source ~/.bash_file重启

 安装node

nvm install stable

在命令行中运行命令,安装当前最新的稳定版。

安装指定版本

nvm install 0.12.4
当前版本
nvm current

所有版本

nvm ls

切换版本

nvm use XX


查看node文件位置which node
当升级到OS X 10.9 Mavericks版本之后,这两条命令需要做一些修改,变成了如下命令:defaults write com.apple.finder AppleShowAllFiles Yes && killall Finder //显示隐藏文件defaults write com.apple.finder AppleShowAllFiles No && killall Finder //不显示隐藏文件


安装cnpm 

国内使用 npm 速度很慢,可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:

npm install -g cnpm --registry=https://registry.npm.taobao.org

npm configset registry https://registry.npm.taobao.org

然后按照模块就可以使用cnpm:

cnpm install gulp --save//速度更快,不过有少部分资源还是需要npm进行安装的


gulp前端自动化构建工具

1:首先确保你已经正确安装了nodejs环境。然后以全局方式安装gulp:
sudo npm install -global gulp-cli
2:使用终端工具新建一个文件夹做为项目根目录
mkdir gulptest     //mkdir是终端新建文件夹的命令 gulptest是新建文件夹的名字
3:初始化gulp
npm init  //初始化gulp 自动创建package.json       package.json是基于nodejs项目必不可少的配置文件,它是存放在项目根目录的普通json文件;
4:全局安装gulp后,还需要在每个要使用gulp的项目中都单独安装一次。把目录切换到你的项目文件夹中,然后在命令行中执行:
npm install gulp
如果想在安装的时候把gulp写进项目package.json文件的依赖中,则可以加上--save-dev:(可以不执行)
npm install --save-dev gulp 
这样就完成了gulp的安装。至于为什么在全局安装gulp后,还需要在项目中本地安装一次,有兴趣的可以看下stackoverflow上有人做出的回答:why-do-we-need-to-install-gulp-globally-and-locally、what-is-the-point-of-double-install-in-gulp。大体就是为了版本的灵活性,但如果没理解那也不必太去纠结这个问题,只需要知道通常我们是要这样做就行了。
5:安装gulp 用到的工具包  (我这里只在项目中安装了gulp gulp-less gulp-minify-css browser-sync)
进入到项目文件夹下  cnpm install gulp --save-dev    (gulp)为插件名称
  安装完成之后会在项目中自动生成一个文件夹node_modules   存放安装的工具包
  gulp  在项目中重新安装一下gulp
  gulp-less 把less文件编译成css文件的插件
  gulp-minify-css  压缩css的插件
  browser-sync   保存文件浏览器自动刷新的插件



原创粉丝点击