node.js+npm+vue+webpack+nginx前端项目打包部署到服务器

本文主要介绍vue+webpack打包部署到nginx服务器。因为可以需要依赖node.js,所有需要先安装node.js,步骤如下

1.首先先去下载node.js,点击查看下载安装步骤http://www.cnblogs.com/wuac/p/6381819.html，本主要介绍在window下的操作，所以别忘了将node.js和npm加入到环境变量下。npm是我们要用到的包管理工具，一会vue需要用到npm命令。

2.由于许多npm的源都是在国外的地址，用npm安装vue和webpack特别慢，所以我们这里利用淘宝的镜像服务器。

执行命令为：

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

  然后回车等待命令结束。

3.接着安装全局的vue-cli脚手架,用于帮助搭建所需的Vue的开发模板框架

命令为：

cnpm install -g vue-cli

回车，等待安装

安装完后，可以输入：

vue -V

然后回车，如果出现vue的客户端版本信息，则说明安装成功了。

4.用 npm 安装 Webpack，

命令为：

cnpm ins