搭建vue-cli腳手架加上element-ui，菜鳥來也。

我是一個菜鳥，因此決定記錄下來以便本身加深印象
第一步首先是要按照nodejs。 在node的官網的上去下載按照你電腦的位數下載合適的安裝包。
安裝提示一步一步的安裝。
安裝完成之後須要到cmd裏面看node -v 看看是否打印出版本號，若是成功打印出，說明安裝好了。

接下來就選中到你項目所在的的磁盤，

執行命令npm install -g vue-cli 進行全局安裝。

再建立一個基於webpack的項目 vue init webpack youprojectname

選項一個是項目名稱，第二個是項目描述，三是項目做者，四是打包方式（兩種打包方式runtime 打包的是 /node_modules/vue/dist/vue.common.js
standalone 打包的是 /node_modules/vue/dist/vue.js 我選擇的是默認的），五個是是否下載路由（也可不選，用時再單獨安裝），六是是否使用eslint規範檢查代碼（我選擇的否，這個規範很嚴格，空格沒打對也是要報錯的，可是選擇是的話，能夠讓你一開始就保持好習慣），七是單元測試工具，八是e2e測試框架。
選擇好以後進入你的項目

cd youprojectname 而後再安裝依賴 npm install
最後npm run dev 就能夠運行成功了

如今開始添加element-ui插件
按照多數教程（

1. 安裝 loader 模塊
   cnpm install style-loader -D
   cnpm install css-loader -D
   cnpm install file-loader -D
2. 安裝 Element-UI 模塊
   cnpm install element-ui -S
3. 在 main.js 中引入
   import ElementUI from ‘element-ui‘
   import ‘element-ui/lib/theme-default/index.css‘
   Vue.use(ElementUI)

4.配置webpack.base.conf.js

{
    test: /\.css$/,
    loader: 'style-loader!css-loader'
  },
  {
    test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/,
    loader: 'file-loader'
  }

）
然而我按照教程配置以後仍是出現報錯，欲哭無淚呀！
當我在網上沒有找到問題的時候，我就把

npm install style-loader --save-D
npm install css-loader --save-D
npm install file-loader --save-D

再次安裝一遍（或者是loader模塊是最後安裝的）
main.js的配置這些能夠去element官網看http://element.eleme.io/#/zh-...
webpack.dev.conf.js也能夠不配置，前提是build/utils.js中已經引入loader模塊

這下配置好以後就能夠在組件中使用了


搭建已基本完成。
如今就要準備學習組件了。

目前只把路由走通，才添加了一頁的樣式。
附加上demo地址：https://leonwenwen.github.io/...