node和vue-cli构建项目时安装的常用依赖

nvm安装node的步骤

安装 nvm：

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.29.0/install.sh | bash

Mac系统的设置方法：（解决suorce 之后再次打开终端不生效的问题）
如果你的电脑终端是zshrc

cd ~ ( 进入当前用户的home目录)
open .zshrc

输入一下内容

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm

保存后在终端继续输入

source ~/.zshrc

如果你的电脑终端是bashrc

cd ~ ( 进入当前用户的home目录)

open .bash_profile //(打开.bash_profile文件，如果文件不存在就 创建文件：touch .bash_profile 编辑文件：open -e .bash_profile)

直接更改弹出的.bash_profile文件内容,把以下内容粘贴进去：

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm

再打开~/.bashrc文件，在末尾输入

source ~/.bash_profile

保存后在终端继续输入

source ~/.bashrc

注：这样操作的原因是Mac终端是zshrc时，source一次之后每次开启终端会默认会执行～／.zshrc文件
当终端是bashrc时，.bashrc这个文件一般不修改，可以新建.bash_profile文件，设置环境变量，再在.bashrc文件内source ~/.bash_profile，打开终端会默认执行～／.bashrc文件

最后输入nvm可以看到如下信息：Node Version Manager,说明nvm安装成功

安装 node.js

nvm install stable // 安装最新稳定版 node
    
nvm alias default v4.1.0 // 设置默认版本

node -v (or nvm current) // 查看当前版本

nvm use v5.5.0 // 切换版本

echo $PATH //  查看实际安装路径

安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

vue-cli构建项目以及其他需要安装的常用依赖

npm install -g vue-cli
mkdir my-project && cd my-project
npm init
vue init webpack my-project
cd my-project
npm install
npm run dev

npm install webpack --save-dev
npm install vuex --save-dev
npm install style-loader css-loader stylus-loader stylus --save-dev
npm install --save-dev postcss-loader autoprefixer
npm install less less-loader --save-dev
npm install node-sass sass-loader --save-dev
npm install vue-resource --save-dev
npm install axios --save-dev
npm install --save-dev babel-loader babel-core babel-preset-env webpack 
npm install html-webpack-plugin --save-dev ( 安装html-webpack-plugin插件 )
npm install express --save-dev
npm install element-ui --save-dev