web前端中cli的內(nèi)容有哪些

本篇內(nèi)容主要講解“web前端中cli的內(nèi)容有哪些”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“web前端中cli的內(nèi)容有哪些”吧!

　　命令行界面（英語(yǔ)：command-lineinterface，縮寫：CLI）是在圖形用戶界面得到普及之前使用最為廣泛的用戶界面，它通常不支持鼠標(biāo)，用戶通過(guò)鍵盤輸入指令，計(jì)算機(jī)接收到指令后，予以執(zhí)行。也有人稱之為字符用戶界面（CUI）。

　　vue-cli的安裝及版本查看更新

　　vue-cli安裝

　　npminstallvue-cli-g

　　vue-cli的版本查看

　　vue-V

　　vue-cli的3.0+以后使用的不是vue-cli了，如果用以上的安裝命令安裝的并不是最新版的3.0+的，而如果安裝3.0的話就需要使用新的

　　如果原來(lái)已經(jīng)安裝了vue-cli的話需要先卸載原來(lái)的安裝

　　npmuninstallvue-cli-g

　　vue/cli4的安裝與使用

　　1：若你已安裝過(guò)vue-cli2的話，你得先卸載掉，命令如下

　　//首先查看是否已安裝過(guò)vul-cli

　　vue-V

　　//如是有的話，就用下面命令卸載

　　npmuninstallvue-cli-g

　　2:安裝vue-cli4.0.5

　　//一鍵初始化項(xiàng)目

　　npminit-y

　　//安裝vue-cli

　　//也可使用cnpm來(lái)安裝，比較快些

　　3:創(chuàng)建一個(gè)項(xiàng)目

　　//1.命令回車

　　vuecreate項(xiàng)目名

　　//2.選擇自定義配置Manuallyselectfeatures

　　//3.選擇你需要的配置

　　Babel(必選)

　　TypeScript（項(xiàng)目中使用ts開(kāi)發(fā)的話，就勾選）

　　ProgressiveWebApp(PWA)Support(接口緩存，優(yōu)化項(xiàng)目)

　　Router

　　Vuex

　　cssPre-processors(css預(yù)處理器，需要)

　　Linter/Formatter(代碼格式，一般默認(rèn)選中)

　　UnitTesting(代碼測(cè)試)

　　E2ETesting（需求界面測(cè)試）

　　//4.根據(jù)你選的配置進(jìn)行Y/N選擇

　　//5.選擇完之后，就可以運(yùn)行項(xiàng)目

　　npmrunserve

到此，相信大家對(duì)“web前端中cli的內(nèi)容有哪些”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！