Vue.js 設(shè)計(jì)的初衷就包括可以被漸進(jìn)式地采用。這意味著它可以根據(jù)需求以多種方式集成到一個(gè)項(xiàng)目中。

我們提供的服務(wù)有：成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、汝南ssl等。為數(shù)千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的汝南網(wǎng)站制作公司

將 Vue.js 添加到項(xiàng)目中有三種主要方式。

1. 在頁面上以 CDN package 的形式導(dǎo)入。
2. 使用 npm 安裝它。
3. 使用官方的 CLI 來構(gòu)建一個(gè)項(xiàng)目，它為現(xiàn)代前端工作流程提供了功能齊備的構(gòu)建設(shè)置 (例如，熱重載、保存時(shí)的提示等等)。

#發(fā)布版本說明

最新版本：

每個(gè)版本的詳細(xì)發(fā)行說明可在 GitHub 上找到。

#Vue Devtools

當(dāng)前是 Beta 版——Vuex 和 Router 的集成仍然是 WIP

在使用 Vue 時(shí)，我們推薦在你的瀏覽器上安裝 Vue Devtools，它允許你在一個(gè)更友好的界面中審查和調(diào)試 Vue 應(yīng)用。

#CDN

對(duì)于制作原型或?qū)W習(xí)，你可以這樣使用最新版本

對(duì)于生產(chǎn)環(huán)境，我們推薦鏈接到一個(gè)明確的版本號(hào)和構(gòu)建文件，以避免新版本造成的不可預(yù)期的破壞：

#npm

在用 Vue 構(gòu)建大型應(yīng)用時(shí)推薦使用 npm 安裝 。NPM 能很好地和諸如 Webpack 或 Browserify 模塊打包器配合使用。同時(shí) Vue 也提供配套工具來開發(fā)單文件組件。

## 最新穩(wěn)定版
$ npm install vue@next

#命令行工具 (CLI)

Vue 提供了一個(gè)官方的 CLI，為單頁面應(yīng)用 (SPA) 快速搭建繁雜的腳手架。它為現(xiàn)代前端工作流提供了 batteries-included 的構(gòu)建設(shè)置。只需要幾分鐘的時(shí)間就可以運(yùn)行起來并帶有熱重載、保存時(shí) lint 校驗(yàn)，以及生產(chǎn)環(huán)境可用的構(gòu)建版本。更多詳情可查閱 Vue CLI 的文檔。

TIP

CLI 工具假定用戶對(duì) Node.js 和相關(guān)構(gòu)建工具有一定程度的了解。如果你是新手，我們強(qiáng)烈建議先在不用構(gòu)建工具的情況下通讀指南，在熟悉 Vue 本身之后再使用 CLI。

對(duì)于 Vue 3，你應(yīng)該使用 npm 上可用的 Vue CLI v4.5 作為 @vue/cli@next。要升級(jí)，你應(yīng)該需要全局重新安裝最新版本的 @vue/cli：

yarn global add @vue/cli@next
## OR
npm install -g @vue/cli@next

然后在 Vue 項(xiàng)目運(yùn)行：

vue upgrade --next

#Vite

Vite 是一個(gè) web 開發(fā)構(gòu)建工具，由于其原生 ES 模塊導(dǎo)入方法，它允許快速提供代碼。

通過在終端中運(yùn)行以下命令，可以使用 Vite 快速構(gòu)建 Vue 項(xiàng)目。

使用 npm：

$ npm init vite-app 
$ cd 
$ npm install
$ npm run dev

或者 yarn：

$ yarn create vite-app 
$ cd 
$ yarn
$ yarn dev

#對(duì)不同構(gòu)建版本的解釋

在 npm 包的 dist/ 目錄你將會(huì)找到很多不同的 Vue.js 構(gòu)建版本。這里列出了它們之間的差別：

#使用 CDN 或沒有構(gòu)建工具

#vue(.runtime).global(.prod).js：

• 若要通過瀏覽器中的