新建Vue專案：

淘寶映象（npm install -g cnpm –registry=https://registry.npm.taobao.org）

webpack（cnpm install webpack -g 或 npm install webpack -g）

Vue腳手架 （npm install vue-cli -g）

根據模版建立專案 （vue init webpack-simple 注：不能為中文） 此時會讓你進行一些初始化的設定 全選Y 和回車 即可

安裝專案依賴 （npm install 注：不要從國內映象cnpm安裝(會導致後面缺了很多依賴庫)）

啟動專案 （npm run dev）

常見問題

1.埠問題

nowa和新建專案的埠都是 8080

報錯:     throw er; // Unhandled 'error' event

修改  config/index.js 中的埠  8081 8082。。

引入Element UI：

安裝 Element UI （cnpm install [email protected] -S）

main.js 引入

import Element from ‘element-ui’
import ‘element-ui/lib/theme-default/index.css’
Vue.use(Element)

讀取CSS 字型

cnpm install style-loader –save-dev
cnpm install css-loader –save-dev
cnpm install file-loader –save-dev

新增 webpack.base.conf.js配置

 {
        test: /\.css$/,
        loader: 'style-loader!css-loader',
        include: [
          /src/
        ]
      },