怎么安裝vue-cli

這篇文章主要介紹“怎么安裝vue-cli”，在日常操作中，相信很多人在怎么安裝vue-cli問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”怎么安裝vue-cli”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

1、前言

vue-cli是和vue進行深度組合的工具，可以快速幫我們創(chuàng)建vue項目，并且把一些腳手架相關(guān)的代碼給我們創(chuàng)建好。真正使用vue開發(fā)項目，都是用vue-cli來創(chuàng)建項目的。

2、vue-cli介紹

Vue CLI 是一個基于 Vue.js 進行快速開發(fā)的完整系統(tǒng)，提供：

• 通過 @vue/cli 實現(xiàn)的交互式的項目腳手架。

• 通過 @vue/cli + @vue/cli-service-global 實現(xiàn)的零配置原型開發(fā)。
  

• 一個運行時依賴 (@vue/cli-service)，該依賴：
  

• （1）可升級；

• （2）基于 webpack 構(gòu)建，并帶有合理的默認配置；9

• （3）可以通過項目內(nèi)的配置文件進行配置；

• （4）可以通過插件進行擴展。
  

• 一個豐富的官方插件集合，集成了前端生態(tài)中最好的工具。

• 一套完全圖形化的創(chuàng)建和管理 Vue.js 項目的用戶界面。
  

Vue CLI 致力于將 Vue 生態(tài)中的工具基礎(chǔ)標準化。它確保了各種構(gòu)建工具能夠基于智能的默認配置即可平穩(wěn)銜接，這樣你可以專注在撰寫應(yīng)用上，而不必花好幾天去糾結(jié)配置的問題。與此同時，它也為每個工具提供了調(diào)整配置的靈活性，無需 eject。

2.1、CLI

CLI (@vue/cli) 是一個全局安裝的 npm 包，提供了終端里的 vue 命令。它可以通過 vue create 快速搭建一個新項目，或者直接通過 vue serve 構(gòu)建新想法的原型。你也可以通過 vue ui 通過一套圖形化界面管理你的所有項目。

2.2、CLI 服務(wù)

CLI 服務(wù) (@vue/cli-service) 是一個開發(fā)環(huán)境依賴。它是一個 npm 包，局部安裝在每個 @vue/cli 創(chuàng)建的項目中。
CLI 服務(wù)是構(gòu)建于 webpack 和 webpack-dev-server 之上的。它包含了：

• 加載其它 CLI 插件的核心服務(wù)；

• 一個針對絕大部分應(yīng)用優(yōu)化過的內(nèi)部的 webpack 配置；

• 項目內(nèi)部的 vue-cli-service 命令，提供 serve、build 和 inspect 命令。
  

2.3、CLI 插件

CLI 插件是向你的 Vue 項目提供可選功能的 npm 包，例如 Babel/TypeScript 轉(zhuǎn)譯、ESLint 集成、單元測試和 end-to-end 測試等。Vue CLI 插件的名字以 @vue/cli-plugin- (內(nèi)建插件) 或 vue-cli-plugin- (社區(qū)插件)開頭，非常容易使用。

當你在項目內(nèi)部運行 vue-cli-service 命令時，它會自動解析并加載 package.json 中列出的所有 CLI 插件。

插件可以作為項目創(chuàng)建過程的一部分，或在后期加入到項目中。它們也可以被歸成一組可復(fù)用的 preset。

3、@vue-cli安裝

Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推薦 v10 以上)。你可以使用 n，nvm 或 nvm-windows 在同一臺電腦中管理多個 Node 版本。

安裝命令如下：

npm install -g @vue/cli

可以用這個命令來檢查其版本是否正確

vue --version

到此，關(guān)于“怎么安裝vue-cli”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>