vue-cli 腳手架

一、簡介

    vue-cli是一個vue腳手架，能夠快速構建vue項目
    vue-cli自己集成了多種項目模板

    GitHub連接：https://github.com/search?q=vue-cli&ref=opensearch

    模板：
    simple：不多簡單
    webpack：包含ESLint代碼規範檢查和unit單元測試等
    webpack-slimple 沒有代碼規範檢查和單元測試 簡化版的
    browserify 使用比較多
    browserify-simple 簡化的 browserify 沒有代碼規範檢查和單元測試
    pwa:

二、示例，步驟： （使用這個模板的示例：webpack-slimple）

    2.1 安裝vue-cli，配置vue的命令環境

         cnpm install vue-cli -g  全局安裝

        vue 使用工具vue
        vue --version 檢查vue版本
        vue list 列出可用模板

    2.2 初始化項目，生成項目

         vue init webpack-simple 項目名稱 

    2.3 進入生成的項目目錄，安裝模塊

        cd 項目名 (註釋：進入項目)

         npm install（註釋：下載依賴包） 

    2.4 運行

     npm run dev //啓動測試服務 

三、使用webpack模板

     vue init webpack 項目名     ESLint 是用來統一代碼規範和風格的工具，如縮進、空格、符號等，要去比較嚴格，    [官網]（http://eslint.org）