Vue2.0的環境搭建(全)

      Vue (讀音 /vjuː/，類似於 view) 是一套用於構建用戶界面的漸進式mvvm框架。Vue 不支持 IE8 及以下版本，因爲 Vue 使用了 IE8 無法模擬的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的瀏覽器。廢話不多說，我們首先進行Vue-cli腳手架的安裝，腳手架是搭起來的一個框子。

一、那麼我們就從最簡單的環境搭建開始：

1. 首先我們要去Node.js的官網，下載node.js的安裝包。我選擇的是推薦給大多數用戶的LTS版本。下載後安裝即可，我的操作系統是Windows的，本文之後都會用Windows的命令進行講解。安裝完後需要校驗是否安裝成功，打開cmd,輸入node -v查看版本號。

         結果如下，則安裝成功。

    2. 進行Vue-cli腳手架的安裝

        運行命令：npm install -g vue-cli，因爲服務器是在國外的，所以安裝很慢，如果嫌安裝過慢的話可以去國內的鏡像網站（如淘寶的NPM鏡像）

        

       之後輸入命令：vue查看版本號

       

 

        查看vue可用哪些模板，輸入命令行：vue list

        

3.進行vue webpack的安裝

        進入一個文件夾的位置用來創建工程

        

        

      然後出現類似如下信息：

        ? Project name testdemo（項目名稱）

        ? Project description testdemo app(對你的項目進行的描述)

        ? Author test(作者名字）

        ? Vue build standalone

        ? Install vue-router? Yes（安裝Vue-router）

        ? Use ESLint to lint your code? Yes（是否啓用ESLint代碼校驗。爲了代碼格式校驗，我建議是YES）

        ? Pick an ESLint preset Standard

        ? Set up unit tests No（是否添加單元測試，選擇NO即可）

        ? Setup e2e tests with Nightwatch? No

        輸入Y或者N回車即可，然後就是開始安裝依賴，時間很長，因爲服務器是在國外的

        # Installing project dependencies ...

        # ========================

        安裝完後,cd testdemo進入testdemo目錄下

        執行命令npm install

        最後npm run dev就可以了，之後打開網頁進入http://localhost:8080

最後，想要看如何在WebStorm運行的可以看我的下一篇博客（鏈接）