1、確保已經安裝了npm 或者 yarn
查看是否安裝了npm或yarn：在控制台輸入npm -v 或 yarn -v 能看到版本號就代表已經安裝
（注意：Vue CLI 需要 Node.js 8.9 或更高版本 (推薦 8.11.0+)）
2、全局安裝vue腳手架工具 vue-cli
(這里安裝的是vue-cli 2.X 的腳手架工具）
yarn global add vue-cli
# OR
npm install -g vue-cli
安裝后，可以在控制台輸入 vue --version 驗證是否安裝成功）
另：
如果要安裝3.X的腳手架工具，輸入命令：
yarn global add @vue/cli # OR npm install -g @vue/cli
//如果是用3.X的腳手架工具，還需要安裝@vue/cli-init才能使用 vue init命令
yarn global add @vue/cli-init
# OR
npm install -g @vue/cli-init
3、使用vue-cli初始化項目
控制台切換到你的項目存放路徑，輸入：
vue init <template-name> <project-name>
<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> : 項目名稱（不能包含大寫字母，否則會報錯）
例：
vue init webpack my-vue
輸入命令后，會詢問一些選項：
注意：
①Use ESLint to line your code ?選擇 No ----ESLint的很多規范和我們平時開發的習慣不太一致，所以這里不建議使用
②Should we run `npm install` for you after the project has been created?選擇No, I will handle that myself ----我安裝的時候，選擇Yes,use Yarn最后卡在了最后一步，但是選擇No以后，再自己執行yarn 就成功了。。。。
4、進入到 my-vue 目錄下，安裝package.json 文件中的依賴包
>cd my-vue >yarn //強烈推薦使用yarn 或 >npm install
如圖：
輸入命令后等待依賴包安裝完成即可
（注意，yarn安裝自動生成的yarn.lock 存放了安裝過程中的重要信息，一定要放到版本控制當中，否則多人共同開發可能會引起一些錯誤）
5、運行項目
輸入以下命令：
yarn run dev
# OR
npm run dev
然后即可在瀏覽器中輸入 localhost:8080 瀏覽：
6、vue項目目錄說明：
├── build/ # webpack 編譯任務配置文件: 開發環境與生產環境
│ └── ...
├── config/
│ ├── index.js # 項目核心配置
│ └── ...
├ ── node_module/ #項目中安裝的依賴模塊
── src/
│ ├── main.js # 程序入口文件
│ ├── App.vue # 程序入口vue組件
│ ├── components/ # 組件
│ │ └── ...
│ └── assets/ # 資源文件夾，一般放一些靜態資源文件
│ └── ...
├── static/ # 純靜態資源 (直接拷貝到dist/static/里面)
├── test/
│ └── unit/ # 單元測試
│ │ ├── specs/ # 測試規范
│ │ ├── index.js # 測試入口文件
│ │ └── karma.conf.js # 測試運行配置文件
│ └── e2e/ # 端到端測試
│ │ ├── specs/ # 測試規范
│ │ ├── custom-assertions/ # 端到端測試自定義斷言
│ │ ├── runner.js # 運行測試的腳本
│ │ └── nightwatch.conf.js # 運行測試的配置文件
├── .babelrc # babel 配置文件
├── .editorconfig # 編輯配置文件
├── .gitignore # 用來過濾一些版本控制的文件，比如node_modules文件夾
├── index.html # index.html 入口模板文件
└── package.json # 項目文件，記載着一些命令和依賴還有簡要的項目描述信息
└── README.md #介紹自己這個項目的，可參照github上star多的項目。
build/