vue/cli和vue版本對(duì)應(yīng)及安裝方式
Vue Cli
Vue CLI = Vue + 一堆的js插件
1、cli 全稱(chēng)就是Command-Line Interface，翻譯為命令行界面，俗稱(chēng) 腳手架
2、Vue Cli 就是一個(gè)官網(wǎng)發(fā)布的vue.js項(xiàng)目的腳手架
3、使用vue-cli 可以幫我們快速的搭建Vue開(kāi)發(fā)環(huán)境以及對(duì)應(yīng)的webpack配置
使用方式
Vue CLI是一個(gè)腳手架，通俗點(diǎn)說(shuō)就是代碼生成器，可以快速生成一套基于Vue完整的前端框架，單獨(dú)編譯，單獨(dú)部署?？梢栽偌筛鞣N第三方插件，擴(kuò)展出更多的功能。
Vue是漸近式框架，你可以用它一個(gè)功能，也可以用全家桶。比如你可以在老的jsp或thymeleaf項(xiàng)目里，引入vue.js，只用它核心的數(shù)據(jù)綁定功能。
如果項(xiàng)目過(guò)于簡(jiǎn)單，就是一些基本的數(shù)據(jù)渲染，不必要使用Vue Cli腳手架。當(dāng)開(kāi)發(fā)大型項(xiàng)目的時(shí)候，需要考慮代碼目錄結(jié)構(gòu)，項(xiàng)目結(jié)構(gòu)，部署以及熱更新等瑣碎的事情，可以將這些事情交給腳手架去配置。
關(guān)于Vue Cli版本介紹
舊版本名稱(chēng)為 vue-cli，新版本是 @vue/cli。
如果已經(jīng)全局安裝了舊版本的vue-cli(1.x或2.x)，你需要先通過(guò) npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸載它。
npm uninstall vue-cli -g 或 yarn global remove vue-cli
@vue/cli 安裝
注意：Vue Cli 需要Node.js 8.9或更高版本（推薦8.11.0+）。
你可以使用nvm或nvm-windows在同一臺(tái)電腦中管理多個(gè)Node版本。
- npm install -g @vue/cli （安裝的是最新版）
- npm install vue-cli@2.9.6 （指定版本安裝【指定版本為3.0以下版本】，其中2.9.6為版本號(hào)）
- npm install -g @vue/cli@3.11.0（指定版本安裝【指定版本為3.0以上版本】，其中3.11.0為版本號(hào)）
通過(guò)命令行查詢(xún)可用的包的版本號(hào)：
npm view vue-cli versions --json （3.0以下版本） npm view @vue/cli versions --json （3.0以上版本）
Vue/cli版本查看：
vue -V
版本號(hào)對(duì)應(yīng)
- Vue CLI 4.5以下，對(duì)應(yīng)的是Vue2
- Vue CLI 4.5及以上，對(duì)應(yīng)的是Vue3
- 但是使用vue init 創(chuàng)建項(xiàng)目的時(shí)候會(huì)有機(jī)會(huì)選擇，可以選擇Vue2
查看vue和@vue/cli版本
vue -V 和 vue --version 是查看 vue-cli（腳手架）的版本的.
C:\Users\Mavis>vue -V @vue/cli 5.0.8
查看vue版本使用如下命令：
npm list vue || npm list vue -g
注意：
Vue Cli3.X和4.X的腳手架的模板和Vue Cli2.X完全不同。
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了VUE3使用JSON編輯器方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
vue?ElementUI級(jí)聯(lián)選擇器回顯問(wèn)題解決
這篇文章主要介紹了vue?ElementUI級(jí)聯(lián)選擇器回顯問(wèn)題解決，文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-09-09
詳解Vue的watch中的immediate與watch是什么意思
這篇文章主要介紹了詳解Vue的watch中的immediate與watch是什么意思，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
require是node中的一個(gè)方法,他的作用是用于引入模塊、 JSON、或本地靜態(tài)文件,這篇文章主要介紹了vue中的require使用,需要的朋友可以參考下2023-08-08
這篇文章主要介紹了Vue的v-if和v-show的區(qū)別圖文介紹,本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-03-03
這篇文章主要為大家詳細(xì)介紹了如何使用vue編寫(xiě)excel預(yù)覽組件,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2026-03-03
vue3?Table分頁(yè)保留選中狀態(tài)代碼示例
這篇文章主要給大家介紹了關(guān)于vue3?Table分頁(yè)保留選中狀態(tài)的相關(guān)資料,vue table組件是一個(gè)非常方便的表格組件,它可以幫助我們實(shí)現(xiàn)分頁(yè)和選中功能,需要的朋友可以參考下2023-08-08
這篇文章主要介紹了Vue 自定義組件 v-model 使用介紹,包括vue2中使用和vue3中使用，本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-08-08
這篇文章主要介紹了Vue axios獲取token臨時(shí)令牌封裝案例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-09-09
vue插件mescroll.js實(shí)現(xiàn)移動(dòng)端上拉加載和下拉刷新
這篇文章主要介紹了vue插件mescroll.js實(shí)現(xiàn)移動(dòng)端上拉加載和下拉刷新，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-03-03