一、準備工作

vs code、chrome、node

二、步驟
1、全局安裝vue-cli
npm install vue-cli -g
2、初始化一個項目
vue init <template-name> <projectName>
第一個是模板名稱，第二個是項目名稱，模板有webpack，webpack-simple ，browserify ，browserify-simple ，simple我們這個項目使用的是webpack。
3、把文件切換到初始化的項目中
cd projectName
4、安裝依賴
npm install
5、運行
npm run dev

完成一個初始化vue項目

目錄介紹：
1、bulid和config都是webpack配置
2、src是存放項目源文件的目錄
3、static存放第三方靜態資源，這個裏面的gitkeep是這個目錄為空，也可以把這個目錄提交的git倉庫裏面，因為通常一個空目錄是不能提交git倉庫裏面的。
4、babelrc是babel的配置項
5、editorconfig是編輯器的配置項
6、gitignore存放忽略建廠語法的目錄以及不會提交的文件
7、index.html入口文件
8、package.json是項目的描述和依賴，我們在開始的時候執行npm run dev，就相當於執行了這個文件裏面的script的dev對應的node build/dev-server.js

第一個vue項目實例（vue-cli）