建立一個vue-cli項

1、vue cli腳手架

Vue 提供了一個官方的cli，爲單頁面應用 (SPA) 快速搭建繁雜的腳手架，經過這個工具咱們就能夠很方便的來建立一個基於vue的項目。

2、安裝一些必要的東西node、npm、webpack、vue-cli

在用 Vue 構建大型應用時推薦使用 NPM 安裝，基於node.JS，NPM 能很好地和諸如webpack或browserify模塊打包器配合使用。同時 Vue 也提供配套工具來開發單文件組件。

一、安裝node.js；從nodejs官網下載並安裝node，安裝完成後，在命令行裏輸入node -v或node --version 查看是否安裝成功。安裝成功後，會出現相應的版本號，以下圖。

二、安裝npm；在命令行裏輸入npm install -g 或者使用cnpm利用淘寶鏡像會更快。一樣輸入npm -v 查看是否成功。

三、安裝webpack；在命令行裏輸入：npm install webpack -g，安裝完成以後輸入 webpack -v，若是出現相應的版本號，則說明安裝成功。

四、安裝vue-cli；在命令行裏輸入：npm install vue-cli -g，安裝完成以後輸入 vue -V（注意這裏是大寫的「V」），若是出現相應的版本號，則說明安裝成功。

3、建立項目

vue init webpack xxxxx（注意：起的名字符合package.json中name命名規則，不要出現大寫字母，中文，空格，下劃線，可使用-） 基於webpack來構建一個名稱爲xxxxx的vue項目

 

下一步

Project Name：xxxxx    要建立的項目名稱（默認爲當前建立的項目目錄名稱，也能夠從新命名，可是一樣須要符合規則）

Project Description：項目簡介，可選填

Author：項目做者，可選填

下一步直接回車

Install vue-router：是否安裝vue路由組件，若是在這裏沒選擇，後面能夠自行添加，

Use ESLint to lint your code：是否須要使用ESLint模塊進行代碼檢測（這個東西，剛開始我一直沒安裝過，後來項目用過之後，以爲很好用，不用反而不習慣代碼不規範了。建議使用）

Setup unit tests ：是否安裝測試（單元測試）

Setup e2e tests with Nightwatch?：是否安裝端到端的測試