什麼是vue-cli單文件組件
vue-cli 是官方提供的一個腳手架工具,它能夠快速的生成vue的項目模板。css
官方網址:http://www.npmjs.com/package/...html
主要功能
- 提供了一個規範的目錄結構
- 本地調試
- 代碼部署
- 熱加載
- 單元測試
怎麼創建
npm install vue-cli
npm init webpack
npm install
npm run dev
初始目錄說明:vue

- build,項目webpack相關配置文件
- config,vue基本(本地與線上環境)配置文件(能夠配置監聽端口,打包輸出等)
- node_modules,擴展依賴文件(依賴包)
- src,開發目錄,項目核心文件
- static,靜態資源目錄(通常放圖片類資源
- .babelrc,babel編譯參數
- .editorconfig,代碼格式
- .gitignore,git上傳須要忽略的文件配置
- .postcssrc.js,轉換css的工具
- index.html,主頁
- package.json,項目基本信息(在建立vue-cli項目後自動生成)
- README.md,項目說明