這是工具,像vuex共享數(shù)據(jù)一樣,我們需要理解它存在的意義以及使用方法
https://cli.vuejs.org/zh/guide/
一.作用
Vue CLI 是一個(gè)基于 Vue.js 進(jìn)行快速開發(fā)的完整系統(tǒng),提供:
通過 @vue/cli 搭建交互式的項(xiàng)目腳手架。
通過 @vue/cli + @vue/cli-service-global 快速開始零配置原型開發(fā)。
一個(gè)運(yùn)行時(shí)依賴 (@vue/cli-service),該依賴:
可升級(jí);
基于 webpack 構(gòu)建,并帶有合理的默認(rèn)配置;
可以通過項(xiàng)目內(nèi)的配置文件進(jìn)行配置;
可以通過插件進(jìn)行擴(kuò)展。
一個(gè)豐富的官方插件集合,集成了前端生態(tài)中最好的工具。
一套完全圖形化的創(chuàng)建和管理 Vue.js 項(xiàng)目的用戶界面。
Vue CLI 致力于將 Vue 生態(tài)中的工具基礎(chǔ)標(biāo)準(zhǔn)化。它確保了各種構(gòu)建工具能夠基于智能的默認(rèn)配置即可平穩(wěn)銜接,這樣你可以專注在撰寫應(yīng)用上,而不必花好幾天去糾結(jié)配置的問題。與此同時(shí),它也為每個(gè)工具提供了調(diào)整配置的靈活性,無需 eject。
--------官網(wǎng)
簡單的說,vue-cli是用于搭建Vue項(xiàng)目結(jié)構(gòu)的工具
在之前我們所有的組件和主頁面在一個(gè)文件中,使用腳手架之后,每一個(gè)組件單獨(dú)占用一個(gè)文件
二.基于vue-cli的Vue項(xiàng)目結(jié)構(gòu)
------dist(部署文件,打包好的最終版本文件)
------src(源文件)
-----------------images
-----------------less
-----------------js
-----------------fonts
-----------------components
-------index.html
-------index.js