WebStrom是前端开发神器,用了之后,觉得其他工具都是浮云。在用WebStrom开发完html、css、js文件后。我们可以借助gulp混淆压缩打包。下面整理mac下node/npm/gulp安装示例,以作为备忘。

如果运行命令brew install node,结果界面一直卡在Updating Homebrew…上,解决方法直接关闭brew每次执行命令时的自动更新(推荐)

vim ~/.bash_profile
新增一行
export HOMEBREW_NO_AUTO_UPDATE=true

1.安装nvm

brew install nvm
在环境变量中添加如下:
vi ~/.bash_profile
export NVM_DIR=~/.nvm
source $(brew --prefix nvm)/nvm.sh
然后重新source
source ~/.bash_profile
安装完成后查看版本
nvm --version

2.查询node可以安装的版本

nvm ls-remote
安装node指定版本
nvm install v8.8.0
安装完成后查看版本
node -v
npm -v

3.安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org
查看cnpm信息
cnpm -v

4.在项目目录下安装gulp

cnpm install -g gulp 

5.gulp使用

安装插件
npm i
开发运行
gulp
打包
gulp build
打包测试环境(自定义脚本)
gulp build-test
打包生产环境(自定义脚本)
gulp build-www

发表评论

电子邮件地址不会被公开。 必填项已用*标注