配置环境变量并重启
重启环境变量,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 保存文件浏览器自动刷新的插件
nvm管理node
nvm --version // 查看nvm版本
nvm install latest // 下载最新的 node 版本
nvm ls-remote // 查看远程已经存在的版本(可能会很慢,请耐心等待)
nvm install v8.9.0 // 下载指定版本nodejs
nvm install v8.9.0 32 // 默认是64位,32位需指定
nvm current // 当前使用版本
nvm use v8.9.1 // 使用指定版本
nvm list // 查看已经安装的nodejs版本
node --version // 查看nodejs版本