您的位置:首页 > Web前端 > Node.js

nvm 安装nodejs &gulp

2017-06-28 14:45 357 查看


配置环境变量并重启



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



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

# nvm

export 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   保存文件浏览器自动刷新的插件

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: