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)