Webpack + vue + es6 安装

一、首先必须得先按照node.js,Node.js自带了软件包管理器npm.

用npm安装Webpack:

     $ nam install wegpack -g

此时安装的是全局环境下

通常我们会将Webpack安装到项目的依赖中，这样就可以使用项目本地版本的Webpack

    #进入项目目录

   # 安装package.json

     $npm init

  #安装webpack依赖

     $npm install webpack --save-dev

     $npm install babel-loader babel-core babel-preset-env webpack --save-dev 

     $npm install --save-dev css-loader

     $npm install —sae-dev extract-text-webpack-plugin

     $npm install -D html-loader

     $npm install html-webpack-plugin —save-dev

     $npm install less

     $npm install —save-dev less-loader less

     $npm install style-loader —save-dev

　　$npm babel-plugin-transform-object-rest-spread

　　

$npm babel-plugin-transform-runtime

　　$npm node-sass
　　$npm sass-loader
　　$npm vue-loader
　　$npm vue-template-compiler

#全局安装vue

    $ npm install -g vue-cli

 

   $npm install —save -vue

   $npm install vue-template-compiler

 

   $npm install -g node-sass

   $npm install  -g —save-dev babel-preset-es2015

 

   $npm install —save gulp-install

   $npm install —save-dev gulp-install

 

 

(注意其中有一项是需要淘宝的滤镜来安装的，最好是开通了vpn)