Vue3 安裝

我們可以在 Vue.js 的官網上直接下載下傳最新版本, 并用 <b>&lt;script&gt;</b> 标簽引入。

下載下傳 Vue.js

以下推薦國外比較穩定的兩個 CDN，國内還沒發現哪一家比較好，目前還是建議下載下傳到本地。

Staticfile CDN（國内） : https://cdn.staticfile.org/vue/3.0.5/vue.global.js

unpkg：https://unpkg.com/vue@next, 會保持和 npm 釋出的最新的版本一緻。

cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/3.0.5/vue.global.js

&lt;div id="app"&gt;

&lt;p&gt;{{ message }}&lt;/p&gt;

&lt;/div&gt;

由于 npm 安裝速度慢，本教程使用了淘寶的鏡像及其指令 cnpm，安裝使用介紹參照：使用淘寶 NPM 鏡像。

npm 版本需要大于 3.0，如果低于此版本需要更新它：

在用 Vue.js 建構大型應用時推薦使用 cnpm 安裝，cnpm 能很好地和 Webpack 或 Browserify 子產品打包器配合使用：

Vue.js 提供一個官方指令行工具，可用于快速搭建大型單頁應用。

對于 Vue 3，你應該使用 npm 上可用的 Vue CLI v4.5 作為 @vue/cli。要更新，你應該需要全局重新安裝最新版本的 @vue/cli：

安裝完後檢視版本:

然後在 Vue 項目中運作：

注意：vue-cli 3.x 和 vue-cli 2.x 使用了相同的 vue 指令，如果你之前已經安裝了 vue-cli 2.x，它會被替換為 Vue-cli 3.x。

以下執行個體我們使用 vue init 指令來建立一個項目：

進入項目，安裝并運作：

成功執行以上指令後通路 http://localhost:8080/，輸出結果如下所示：

注意：Vue.js 不支援 IE8 及其以下 IE 版本。

Vite 是一個 web 開發建構工具，由于其原生 ES 子產品導入方式，可以實作閃電般的冷伺服器啟動。

通過在終端中運作以下指令，可以使用 Vite 快速建構 Vue 項目，文法格式如下：

建立項目 runoob-vue3-test2：

運作項目:

打開 http://localhost:3000/，顯示如下：