建站
咨詢
售后
建站咨詢
新聞中心
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)目中有三種主要方式。
- 在頁面上以 CDN package 的形式導(dǎo)入。
- 使用 npm 安裝它。
- 使用官方的 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：
- 若要通過瀏覽器中的