Vue Cli(1) - Overview

警告
這篇文檔是關于 @vue/cli,如果想看舊版本 vue-cli 的內容米罚,點擊這里

Vue Cli 是一套專門為 Vue.js 快速開發(fā)服務提供的全系統(tǒng),提供了:

  • 通過 @vue/cli 提供了交互工程腳手架
  • 通過 @vue/cli 和 @vue/cli-service-global 提供了零配置快速原型
  • 一個運行時依賴(@vue/cli-service)包括
    • 可升級的
    • 基于 webpack 進行構建蔗坯,配置合理的默認值
    • 通過工程中的配置文件進行配置
    • 通過插件實現(xiàn)可擴展
  • 一個集成了前端生態(tài)系統(tǒng)中最好工具的官方插件庫
  • 一個創(chuàng)建和管理 Vue.js 項目的全圖形化用戶界面

Vue Cli 目標是成為基于 vue 生態(tài)系統(tǒng)的標準工具琼稻。它確保大量的構建工具平穩(wěn)運行并且有合理的初始值,因此讓人專注于寫應用而不是花大量的時間和配置文件打交道商膊。與此同時伏伐,它提供了彈性方案去微調每個工具的配置而不需要額外的推進

系統(tǒng)組件

如果你去看源代碼,就會發(fā)現(xiàn) Vue Cli 有幾個可移動的部分晕拆,它是包含一系列分離并已發(fā)布依賴包的收購站

CLI

CLI(@vue/cli) 是一個全局安裝的 npm 依賴包藐翎,它在命令行提供 vue 命令,通過 vue create 提供了快速用腳手架搭建一個新項目的能力实幕,或者通過 vue serve 實現(xiàn)快速原型的想法吝镣。也可以通過 vue ui 使用圖形化用戶界面來管理項目。接下來教程的一些片段昆庇,我們將瀏覽到它能實現(xiàn)什么末贾。

CLI Service

CLI Service 是一個開發(fā)依賴,它是通過 @vue/cli 安裝在每個本地項目的 npm 包整吆。
CLI Service 基于 webpack 和 webapck-dev-server 未舟,包括:

  • 加載其他 CLI Plugins 的核心服務
  • 優(yōu)化大多數(shù) app 的 webpack 內部配置
  • 在工程里面的 vue-cli-service 加法器圈暗,包含基礎的 serve,build 和 inspect 命令
    如果你熟悉 create-react-app, 那么 @vue/cli-service 可以大致理解成 react-scripts裕膀,當然员串,實現(xiàn)細節(jié)還是不同的。
    CLI Service 部分包含它的詳細使用方法昼扛。
CLI Plugins

CLI Plugins 是可以在你的 Vue CLI 工程中提供可選功能的 npm 包, 比如 Babel/TypeScript 轉換器寸齐,ESLint 集成,單元測試抄谐,端對端測試渺鹦。可以很容易識別一個 Vue CLI plugin 蛹含,因為他們的名字是 @vue/cli-plugin-(內嵌 plugins) 或者 vue-cli-plugin- 開頭(社區(qū) plugins)

當你在項目中運行 vue-cli-service 加法器時毅厚,它會自動解析并加載在項目 package.json 中的所有 CLI Plugins。

plugins 能夠在項目創(chuàng)建時添加或者在之后添加到項目中浦箱,他們可以被分組成可利用的預設吸耿。我們將在 Plugins and Presets部分進行深入的討論。

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末酷窥,一起剝皮案震驚了整個濱河市咽安,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌蓬推,老刑警劉巖妆棒,帶你破解...
    沈念sama閱讀 217,734評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異沸伏,居然都是意外死亡糕珊,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,931評論 3 394
  • 文/潘曉璐 我一進店門毅糟,熙熙樓的掌柜王于貴愁眉苦臉地迎上來放接,“玉大人,你說我怎么就攤上這事留特【榔ⅲ” “怎么了?”我有些...
    開封第一講書人閱讀 164,133評論 0 354
  • 文/不壞的土叔 我叫張陵蜕青,是天一觀的道長苟蹈。 經(jīng)常有香客問我,道長右核,這世上最難降的妖魔是什么慧脱? 我笑而不...
    開封第一講書人閱讀 58,532評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮贺喝,結果婚禮上菱鸥,老公的妹妹穿的比我還像新娘宗兼。我一直安慰自己,他們只是感情好氮采,可當我...
    茶點故事閱讀 67,585評論 6 392
  • 文/花漫 我一把揭開白布殷绍。 她就那樣靜靜地躺著,像睡著了一般鹊漠。 火紅的嫁衣襯著肌膚如雪主到。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,462評論 1 302
  • 那天躯概,我揣著相機與錄音登钥,去河邊找鬼。 笑死娶靡,一個胖子當著我的面吹牛牧牢,可吹牛的內容都是我干的。 我是一名探鬼主播姿锭,決...
    沈念sama閱讀 40,262評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼塔鳍,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了艾凯?” 一聲冷哼從身側響起献幔,我...
    開封第一講書人閱讀 39,153評論 0 276
  • 序言:老撾萬榮一對情侶失蹤懂傀,失蹤者是張志新(化名)和其女友劉穎趾诗,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蹬蚁,經(jīng)...
    沈念sama閱讀 45,587評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡恃泪,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,792評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了犀斋。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片贝乎。...
    茶點故事閱讀 39,919評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖叽粹,靈堂內的尸體忽然破棺而出览效,到底是詐尸還是另有隱情,我是刑警寧澤虫几,帶...
    沈念sama閱讀 35,635評論 5 345
  • 正文 年R本政府宣布锤灿,位于F島的核電站,受9級特大地震影響辆脸,放射性物質發(fā)生泄漏但校。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,237評論 3 329
  • 文/蒙蒙 一啡氢、第九天 我趴在偏房一處隱蔽的房頂上張望状囱。 院中可真熱鬧术裸,春花似錦、人聲如沸亭枷。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,855評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽奶栖。三九已至匹表,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間宣鄙,已是汗流浹背袍镀。 一陣腳步聲響...
    開封第一講書人閱讀 32,983評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留冻晤,地道東北人苇羡。 一個月前我還...
    沈念sama閱讀 48,048評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像鼻弧,于是被迫代替她去往敵國和親设江。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,864評論 2 354

推薦閱讀更多精彩內容

  • Vue CLI 3 https://cli.vuejs.org/zh/guide/ Vue CLI 是一個基于 V...
    smalike閱讀 586評論 0 1
  • 前言 已經(jīng)有很多分析Vue-cli搭建工程的文章攘轩,為什么自己還要寫一遍呢叉存。學習就好比是座大山,人們沿著不同的路登山...
    若川i閱讀 2,510評論 0 7
  • 1.新建文件夾 mkdir wepack-vue //文件名字可以隨便復制代碼 2.新建package.json文...
    殺個程序猿祭天閱讀 438評論 0 1
  • 一閉上眼度帮,我的腦海里就是那個十四歲的姑娘:披散著及腰的長發(fā)歼捏,眼淚汪汪,不停地用衣袖擦著眼淚笨篷,兩邊的衣袖已經(jīng)濕...
    直視_驕陽閱讀 1,377評論 3 17
  • 《秋夜》 寒夜點綴了未眠的赤子夢 將潮濕的思戀拂起波瀾 驚醒秋夜中的孤影 為誰紛飛了思緒 月色悄悄斟入季節(jié)的杯盞 ...
    夢容a閱讀 293評論 0 3