vue當然可以使用script標簽引入，不需任何依賴即可按照vue的語法進行使用。但中大型商用項目中，還是建議使用工程化方式使用vue，vue提供了官方腳手架vue-cli，可以快速構建vue項目，腳手架會幫助開發者創建好建議的工程目錄、引入相關依賴，利用nodejs環境為vue項目的開發提供最大化的便利。vue-cli傾向于快速構建SPA工程，實際上vue也不一定做成SPA，具體場景具體分析吧。
全局安裝vue-cli腳手架：
npm i vue-cli -g
安裝完成后可使用vue命令來構建vue工程。
vue常用的命令有兩個：list 和 init,list將列出官方提供的vue工程模板，init將初始化一個vue工程。
在實際項目中使用的模板為webpack或webpack-simple,中小型項目可使用webpack-simple，此模板為vue初始化一個最簡潔的webpack工程，中大型項目可使用webpack，此模板將為vue初始化一個完整的webpack工程。
創建一個webpack模板vue工程：
vue init webpack 工程名
創建過程中將詢問工程名、作者、是否使用eslink、單元測試框架等信息，根據需要填y或n。
創建完成后，cd進入工程根目錄，npm i安裝package.json中的依賴。
依賴完成后，使用
npm run dev
將自動打開瀏覽器在8080端口上訪問vue工程，實際是利用node環境創建一個express框架支撐開發環境。
創建好的webpack模板vue工程目錄：
目錄說明：
├── build 構建腳本目錄
│ ├── build-server.js 運行本地構建服務器，可以訪問構建后的頁面
│ ├── build.js 生產環境構建腳本
│ ├── dev-client.js 開發服務器熱重載腳本，主要用來實現開發階段的頁面自動刷新
│ ├── dev-server.js 運行本地開發服務器
│ ├── utils.js 構建相關工具方法
│ ├── webpack.base.conf.js wabpack基礎配置
│ ├── webpack.dev.conf.js wabpack開發環境配置
│ └── webpack.prod.conf.js wabpack生產環境配置
├── config 項目配置
│ ├── dev.env.js 開發環境變量
│ ├── index.js 項目配置文件
│ ├── prod.env.js 生產環境變量
│ └── test.env.js 測試 環境變量
├── src 源碼目錄
│ ├── main.js 入口js文件
│ ├── app.vue 根組件
│ ├── components 公共組件目錄
│ │ └── title.vue
│ ├── assets 資源目錄，這里的資源會被wabpack構建
│ │ └── images
│ │ └── logo.png
│ ├── routes 前端路由
│ │ └── index.js
│ ├── store 應用級數據（state）
│ │ └── index.js
│ └── views 頁面目錄
│ ├── hello.vue
│ └── notfound.vue
├── static 純靜態資源，不會被wabpack構建。
└── test 測試文件目錄（unit&e2e）└── unit 單元測試└── e2e e2e測試框架
├── index.html 入口頁面，SPA入口html
├── .babelrc ES6配置
├── .editorconfig webstorm編輯器配置
├── .eslintignore eslink語法檢測忽略
├── .eslintrc.js eslink配置
├── .postcssrc.js css轉換配置
├── .gitignore git忽略提交
├── .package.json npm依賴配置
├── README.md 項目說明
區別)
