vue-cli 3.0(1)

cli 是 Command Line Interface,也就是命令行接口绑嘹,所謂接口就是我們可以通過命令行方式進行些 vue 給我們提供的操作浸剩。t

這里解釋一下 CLI 的用途,其實就是為了便于開發(fā) vue 應(yīng)用惭聂,為我們事先寫好的腳步,來幫助我們快速搭建 vue 項目相恃,避免一些繁瑣乏味的配置辜纲。同樣在搭建項目時為我們提供許多選項便于搭建出適合自己應(yīng)用的 vue 項目。out-of-the-box 就是開包即用拦耐,拎包入住的感覺耕腾。


我們也可以選擇一些項目中需要的庫,各個庫之間相互依賴的關(guān)系 CLI 也通過插件形式幫助我們進行管理杀糯。


而且通過配置 webpack 我們可以將項目 src 下 javascript 文件扫俺、css 樣式文件和他們依賴都打包一個文件,并不是簡單打包在一起固翰,這里還會對代碼進行一些優(yōu)化狼纬。




可以自由地創(chuàng)建一個 vue 組件,組件包換 html 結(jié)構(gòu) css 樣式和 javascript 文件骂际,組件可以輕松地被復(fù)用在我們的項目中疗琉。同時安裝插件,讓我們可以 typescript 來寫 javascript 也可以用 scss 或 less 來寫 css歉铝,還可以用 pug 來寫 html 只要您愿意

啟動模塊熱替換(HMR)功能盈简,當我們編輯代碼同時,改變就會立即反應(yīng)到我們頁面,這樣給我們開發(fā)帶來了許多快樂


要使用 vue cli 我們先安裝 npm柠贤。

在安裝了 npm 后香浩,我們在命令行輸入 npm i -g @vue/cli 來全局安裝 vue cli 庫。

安裝會稍微需要一點時間臼勉,稍等片刻邻吭。

然后我們就可以 vue 命令來創(chuàng)建一個項目了, vue create 項目名稱來創(chuàng)建項目宴霸。

在創(chuàng)建過程中镜盯,vue cli 這里提供了許多選項,我們可以選擇 Manually select features 來手動配置來創(chuàng)建我們項目猖败。

Babel 是一種優(yōu)化編譯器,Router 是 vue 的路由進行擴展的庫降允,Linter 是檢查我們的代碼的工具恩闻,這里就是我們創(chuàng)建項目作出的選擇。

我們可以選擇一個腳手架來搭建項目剧董,這里有兩種選擇一個 npm 一個是 yarn幢尚,個人也偏好 npm。

做出所有的選擇翅楼,我們就可以享受一下等待項目尉剩,等待 cli 根據(jù)我們的選擇來搭建專屬于我們的 vue 項目。

然后進入創(chuàng)建項目下毅臊,運行 npm run serve 來啟動我們項目理茎,當您看到下面畫面恭喜您成功地用 cli 創(chuàng)建了 vue 項目

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市管嬉,隨后出現(xiàn)的幾起案子皂林,更是在濱河造成了極大的恐慌,老刑警劉巖蚯撩,帶你破解...
    沈念sama閱讀 211,194評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件础倍,死亡現(xiàn)場離奇詭異,居然都是意外死亡胎挎,警方通過查閱死者的電腦和手機沟启,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評論 2 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來犹菇,“玉大人德迹,你說我怎么就攤上這事∠罾福” “怎么了浦辨?”我有些...
    開封第一講書人閱讀 156,780評論 0 346
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我流酬,道長币厕,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,388評論 1 283
  • 正文 為了忘掉前任芽腾,我火速辦了婚禮旦装,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘摊滔。我一直安慰自己阴绢,他們只是感情好,可當我...
    茶點故事閱讀 65,430評論 5 384
  • 文/花漫 我一把揭開白布艰躺。 她就那樣靜靜地躺著呻袭,像睡著了一般。 火紅的嫁衣襯著肌膚如雪腺兴。 梳的紋絲不亂的頭發(fā)上左电,一...
    開封第一講書人閱讀 49,764評論 1 290
  • 那天,我揣著相機與錄音页响,去河邊找鬼篓足。 笑死,一個胖子當著我的面吹牛闰蚕,可吹牛的內(nèi)容都是我干的栈拖。 我是一名探鬼主播,決...
    沈念sama閱讀 38,907評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼没陡,長吁一口氣:“原來是場噩夢啊……” “哼涩哟!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起盼玄,我...
    開封第一講書人閱讀 37,679評論 0 266
  • 序言:老撾萬榮一對情侶失蹤染簇,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后强岸,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體锻弓,經(jīng)...
    沈念sama閱讀 44,122評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,459評論 2 325
  • 正文 我和宋清朗相戀三年蝌箍,在試婚紗的時候發(fā)現(xiàn)自己被綠了青灼。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,605評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡妓盲,死狀恐怖杂拨,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情悯衬,我是刑警寧澤弹沽,帶...
    沈念sama閱讀 34,270評論 4 329
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響策橘,放射性物質(zhì)發(fā)生泄漏炸渡。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,867評論 3 312
  • 文/蒙蒙 一丽已、第九天 我趴在偏房一處隱蔽的房頂上張望蚌堵。 院中可真熱鬧,春花似錦沛婴、人聲如沸吼畏。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,734評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽泻蚊。三九已至,卻和暖如春丑婿,著一層夾襖步出監(jiān)牢的瞬間藕夫,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,961評論 1 265
  • 我被黑心中介騙來泰國打工枯冈, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人办悟。 一個月前我還...
    沈念sama閱讀 46,297評論 2 360
  • 正文 我出身青樓尘奏,卻偏偏與公主長得像,于是被迫代替她去往敵國和親病蛉。 傳聞我的和親對象是個殘疾皇子炫加,可洞房花燭夜當晚...
    茶點故事閱讀 43,472評論 2 348

推薦閱讀更多精彩內(nèi)容

  • 簡介 vue cli 3 是一個類似于 create-react-app 的可以用例命令行快速配置和生成一個 vu...
    VioletJack閱讀 9,466評論 3 22
  • 文/木玨明 《吸引力法則——第八章 明確你的夢想》讀書筆記 //你的夢想是什么魄健?// 認真思考一下你想過怎樣...
    木玨明閱讀 5,056評論 0 5
  • 真正正確的皈依赋铝,是我們帶著為了要圓滿、要解脫的心而做皈依沽瘦,而真正是為了要得到最殊勝圓滿革骨、究竟的、快樂的析恋、解脫的「心...
    噶瑪彭措閱讀 344評論 0 0