vue腳手架項目技術集合

1. vue項目中都用到了哪些技術?

• vue2.0: 漸進式的js框架,特色是雙向數據綁定和組件系統
• vue-router:vue官方的路由管理器 模塊化的基於組件的路由配置
• axios: 用於發起get,post等http請求,基於promise設計
• element-ui: 餓了麼UI基於vue設計的UI組件庫,用於後臺管理系統
• mint-ui: 爲vue設計的移動端UI組件庫
• echarts: 圖標可視化插件(數據管理)
• vue-quill-editor: 富文本編輯器
• vue-i18n: 實現中英文切換
• vuex: vue項目的狀態管理器,用於組件傳值
• webpack: 模塊工程打包器

2. vue項目中經常使用的npm命令有哪些?

• 下載資源包依賴: npm install -->簡寫 npm i
• 啓動項目: npm run dev
• webpack打包項目(生產環境部署資源): npm run build
• 查看生產環境部署資源文件大小: npm run build --report
  • 此命令會在瀏覽器上自動彈出一個展現vue項目打包後app.js,manifest.js,vendor.js文件裏面所包含代碼的頁面.能夠具此優化vue生產環境部署的靜態資源,提高頁面的加載速度

3. vue項目如何優化首屏加載速度

• 路由按需加載(路由懶加載)
• 使用CDN外鏈文件代替npm安裝包
• 開啓Gzip壓縮
• 打包生成的index.html文件裏的js文件的引入方式放在body的最後