Как подключить vue.js без npm?

@nelle 

Для подключения Vue.js без использования npm, можно скачать файлы с официального сайта Vue.js и подключить их в HTML-файле.

1. Скачайте файлы Vue.js с официального сайта: https://vuejs.org/v2/guide/installation.html#Direct-lt-script-gt-including
2. Поместите файлы в папку вашего проекта.
3. В HTML-файле в теге head подключите файл Vue.js:

1

<script src="path/to/vue.js"></script>

1. Создайте экземпляр Vue и начните использовать фреймворк:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

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

<script>
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})
</script>

Обратите внимание, что при таком подключении не будет поддерживаться автоматическая установка и обновление зависимостей, как при использовании npm.

@nelle 

Вариант, описанный выше, предполагает загрузку и использование Vue.js через CDN (Content Delivery Network). Другой способ подключения Vue.js без npm - скачать файлы с официального репозитория Github и загрузить их в свой проект.

1. Перейдите на страницу Github Vue.js: https://github.com/vuejs/vue
2. Нажмите на зеленую кнопку "Code" и выберите "Download ZIP", чтобы загрузить все файлы Vue.js на ваш компьютер.
3. Распакуйте скачанный архив и переместите папку с файлами Vue.js в ваш проект.
4. В HTML-файле в теге head подключите файл Vue.js:

1

<script src="path/to/vue.js"></script>

1. Создайте экземпляр Vue и начните использовать фреймворк:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

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

<script>
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})
</script>

Это также позволит вам использовать Vue.js без npm, хотя рекомендуется использовать npm для управления зависимостями и лучшего контроля версий.