初始化項目

我們用vue init命令來初始化項目，具體看一下這條命令的使用方法。

$ vue init <template-name> <project-name>
$ vue init <template-name> <project-name>
init：表示我要用vue-cli來初始化項目

<template-name>：表示模板名稱，vue-cli官方為我們提供了5種模板，

webpack-一個全面的webpack+vue-loader的模板，功能包括熱加載，linting,檢測和CSS擴展。

webpack-simple-一個簡單webpack+vue-loader的模板，不包含其他功能，讓你快速的搭建vue的開發環境。

browserify-一個全面的Browserify+vueify 的模板，功能包括熱加載，linting,單元檢測。

browserify-simple-一個簡單Browserify+vueify的模板，不包含其他功能，讓你快速的搭建vue的開發環境。

simple-一個最簡單的單頁應用模板。

<project-name>：標識項目名稱，這個你可以根據自己的項目來起名字。

在實際開發中，一般我們都會使用webpack這個模板，那我們這裏也安裝這個模板，在命令行輸入以下命令：

vue init webpack vuecliTest

vue init webpack vuecliTest
輸入命令後，會詢問我們幾個簡單的選項，我們根據自己的需要進行填寫就可以了。

Project name :項目名稱 ，如果不需要更改直接回車就可以了。註意：這裏不能使用大寫，所以我把名稱改成了vueclitest
Project description:項目描述，默認為A Vue.js project,直接回車，不用編寫。
Author：作者，如果你有配置git的作者，他會讀取。
Install vue-router? 是否安裝vue的路由插件，我們這裏需要安裝，所以選擇Y
Use ESLint to lint your code? 是否用ESLint來限制你的代碼錯誤和風格。我們這裏不需要輸入n，如果你是大型團隊開發，最好是進行配置。
setup unit tests with Karma + Mocha? 是否需要安裝單元測試工具Karma+Mocha，我們這裏不需要，所以輸入n。
Setup e2e tests with Nightwatch?是否安裝e2e來進行用戶行為模擬測試，我們這裏不需要，所以輸入n。
結束後，
1、cd vuecliTest 進入我們的vue項目目錄。

2、npm install 安裝我們的項目依賴包，也就是安裝package.json裏的包，如果你網速不好，你也可以使用cnpm來安裝。

3、npm run dev 開發模式下運行我們的程序。給我們自動構建了開發用的服務器環境和在瀏覽器中打開，並實時監視我們的代碼更改，即時呈現給我們。

vue cli 項目創建