webpack安装教程windows下、mac下

首先,要确定你已经安装了 node.js

windows下进行安装:

官方网址:http://nodejs.org/
直接下载文件,一直Next就OK了。

Mac下进行安装:

安装brew:

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

brew安装node(首先确定brew在最新版本)

$ brew update

确保brew是安全可靠的

$ brew doctor

将brew的位置添加到$PATH环境变量中,并保存bash或者profile文件;

export PATH="/usr/local/bin:$PATH"

题外话:完全卸载node和npm

sudo rm -rf /usr/local/{lib/node{,/.npm,_modules},bin,share/man}/{npm*,node*,man1/node*}
或者是
sudo rm -rf /usr/local/bin/npm /usr/local/share/man/man1/node* /usr/local/lib/dtrace/node.d ~/.npm ~/.node-gyp /opt/local/bin/node opt/local/include/node /opt/local/lib/node_modules

如果你不会命令,没关系,下面这个将会教你如何卸载

  1. 在/usr/local/lib目录下,删除任何与node和 node_modules有关的目录;

  2. 在/usr/local/include 目录下,删除任何与node 和 node_modules有关的目录;

  3. 如果你是通过brew install node安装的node,则在终端执行brew uninstall
    node
    ,并在home目录下查找 locallibinclude文件夹,删除任何与node
    node_modules有关的目录;

  1. /usr/local/bin目录下,删除任何与 node 执行文件;
  1. 最后下载 nvm ,跟随它的介绍安装node。当然,你也可以通过npm来安装最新版本的Node。

通过brew安装node和npm

brew link node
brew uninstall node
brew install node

测试node是否安装成功

node -v 
npm -v

这两个命令回显示你安装的版本号,如果显示了,那么恭喜你安装成功了

安装webpack:

本地安装:

npm install webpack --save-dev

npm install webpack@ --save-dev // 指定版本号安装

全局安装:

npm install webpack -g

ps:不推荐安装全局的 webpack。这会锁定 webpack 到指定版本。

体验最新版本:

npm install webpack/webpack#

你可能感兴趣的:(webpack安装教程windows下、mac下)