前端环境搭建

环境

首先，需要安装nodejs、webpack，我的开发环境是ubuntu mate 18.04lts。

下载、安装、配置

nodejs从官方下载，下载链接https://nodejs.org/dist/latest-v4.x/，我下载的是node-v4.9.1-linux-x64.tar.gz 。

建议下载4.x，6.x，8.x都行，nodejs发行版本中偶数代表稳定版，不建议用奇数版本，否则容易给自己挖坑，会有降低自己的学习兴趣的风险。

下载完成后解压到node文件夹，文件夹起名简单为主，所以就叫node

然后需要配置环境。我为了简单，直接在/usr/local/bin下创建node命令和npm命令的软连接

sudo ln -s ~/Download/node/bin/node /usr/local/bin
sudo ln -s ~/Download/node/bin/npm /usr/local/bin

可以在shell中敲node -v或者npm -v查看版本，以确认命令生效

配置npm淘宝源

先不着急安装webpack，由于在国内访问npm源慢，先把软件源替换为国内的淘宝源https://npm.taobao.org/

根据网站中的提示设置源，我是通过在.zshrc中设置别名来使用npm淘宝源的。

echo '\n#alias for cnpm\nalias cnpm="npm --registry=https://registry.npm.taobao.org \
  --cache=$HOME/.npm/.cache/cnpm \
  --disturl=https://npm.taobao.org/dist \
  --userconfig=$HOME/.cnpmrc"' >> ~/.zshrc && source ~/.zshrc

这样每次敲npm命令就行了，其他不用关心，因为如果是用cnpm命令，个人会觉得不方便。

安装webpack

全局安装2.2.0版本，开发环境安装1.15.0版本

sudo npm install -g webpack@2.2.0
sudo npm install webpack@1.15.0 --save-dev

配置webpack环境变量

同样适用建软连接的方式配置

sudo ln -s ~/Download/node/bin/webpack /usr/local/bin

使用webpack -v验证是否配置成功