Bagaimana untuk memasang vuejs3

Cara memasang vuejs3: 1. Muat turun versi baharu terus dari tapak web rasmi Vue.js dan perkenalkan dengan tag kaedah NPM untuk memasang vuejs.

Persekitaran pengendalian artikel ini: sistem windows7, versi vuejs3, komputer DELL G3.

Bagaimana untuk memasang vuejs3?

Pemasangan Vue3

1 Versi bebas

Kami boleh memuat turunnya terus dari tapak web rasmi Vue. .js Versi terkini, dan diperkenalkan dengan teg

Muat turun Vue.js: https://unpkg.com/vue@3.2.7/dist/vue.global.js

2. Gunakan Kaedah CDN

Berikut ialah dua CDN yang agak stabil yang disyorkan di negara asing yang mana satu yang lebih baik di China masih disyorkan untuk memuat turunnya secara tempatan.

CDN Fail Statik (domestik): https://cdn.staticfile.org/vue/3.0.5/vue.global.js

unpkg: https://unpkg.com/vue @next, akan kekal konsisten dengan versi terkini yang dikeluarkan oleh npm.

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

CDN Fail Statik (domestik)

<div id="app">
  <p>{{ message }}</p>
</div>

unpkg (disyorkan)

<div id="app">
  <p>{{ message }}</p>
</div>

cdnjs

<div id="app">
  <p>{{ message }}</p>
</div>

3 kaedah NPM

Disebabkan kelajuan pemasangan npm yang perlahan. , tutorial ini imej Taobao dan arahannya cnpm digunakan Untuk arahan pemasangan dan penggunaan, sila rujuk: Menggunakan imej Taobao NPM.

Versi npm perlu lebih besar daripada 3.0 Jika lebih rendah daripada versi ini, anda perlu meningkatkannya:

# 查看版本
$ npm -v
2.3.0
#升级 npm
cnpm install npm -g
# 升级或安装 cnpm
npm install cnpm -g

Apabila membina aplikasi besar dengan Vue.js, ia adalah. disyorkan untuk menggunakan pemasangan cnpm, cnpm boleh berfungsi dengan baik dengan Gunakan dengan pembungkus modul Webpack atau Browserify:

# 最新稳定版
$ cnpm install vue@next

Alat baris perintah

Vue.js menyediakan alat baris arahan rasmi yang boleh digunakan untuk membina aplikasi satu halaman yang besar dengan cepat.

# 全局安装 vue-cli
$ cnpm install -g @vue/cli
# 安装完后查看版本
$ vue --version
@vue/cli 4.5.11

Nota: vue-cli 3.x dan vue-cli 2.x menggunakan arahan vue yang sama Jika anda telah memasang vue-cli 2.x sebelum ini, ia akan digantikan dengan Vue -cli 3.x.

Pasang @vue/cli-int:

$ cnpm i -g @vue/cli-init

Buat projek

$ vue init webpack runoob-vue3-test
# 这里需要进行一些配置，默认回车即可
? Project name runoob-vue3-test
? Project description A Vue.js project
? Author runoob <test@runoob.com>
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Set up unit tests Yes
? Pick a test runner jest
? Setup e2e tests with Nightwatch? Yes
? Should we run `npm install` for you after the project has been created? (recommended) npm
   vue-cli · Generated "runoob-vue3-test".
# Installing project dependencies ...
# ========================
...

Masukkan projek, pasang dan jalankan:

$ cd runoob-vue3-test
$ cnpm run dev
  DONE  Compiled successfully in 2558ms          
 I  Your application is running here: http://localhost:8080

Selepas berjaya melaksanakan arahan di atas, akses http://localhost:8080/ Hasil output adalah seperti berikut:

Nota: Vue.js tidak menyokong IE8 dan. di bawah versi IE.

Cadangan berkaitan: "tutorial vue.js" "Pilihan tutorial video 5 vue.js terbaharu"

Atas ialah kandungan terperinci Bagaimana untuk memasang vuejs3. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!