Vue-cli 單文件組件

什麼是vue-cli單文件組件

vue-cli 是官方提供的一個腳手架工具，它可以快速的生成vue的項目模板。

官方網址：http://www.npmjs.com/package/...

主要功能

• 提供了一個規範的目錄結構
• 本地調試
• 代碼部署
• 熱加載
• 單元測試

怎麼建立

npm install vue-cli
npm init webpack
npm install
npm run dev

初始目錄說明：

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