vue.js na localhost

0

Witam.
Czy ktoś wie jak "zainstalować" vue.js (3.0.6) na localhost, aby w przypadku braku internetu można działać lokalnie. Czyli dla jasności zastąpić:

<script src="https://unpkg.com/[email protected]"></script>
<script src="vue/vueWersja"></script>

Używam apache.
A drugie pytanko. Używam Firefox'a i dodałem sobie Vue Devtools, ale na pierwszej testowej stronce stwierdza, że "Vue.js not detected"

Pozdrawiam
Radosław Głębicki

1

Instalujesz node,js na pc a nastepnie uzywasz managera pakietow do pobrania vue. Vue wtedy jest tak jak by zainstalowany u Ciebie lokalnie. Tworzysz projekt vue create nazwa i potem odpalasz npm run serve z wnetrza katalogu -> stawia Ci serwer developerski na localhoscie.

1

a jak nie ogarniasz npm to możesz sobie po prostu pobrać repo: https://github.com/vuejs/vue

0

Nie do końca pojmuję zasadę działania vue w tej wersji przez npm. Chciałbym wykorzystać serwer apache, który postawiłem u siebie. Użycie npm stworzy środowisko z własnym serwerem na jakimś wysokim porcie. Jak później moje wypociny przenieść na serwer gdzieś w sieci. Dodanie normalnie:

<script src="https://unpkg.com/[email protected]"></script>

rozwiąże "zależności" na docelowym miejscu i wszystko będzie hulało? Czy też muszę zapytać czy mają vue zainstalowane.
Najprościej jak z tym repo z powyższego postu. Co pobrać? I czy rozpakowanie do katalogu html w apachu i:

<script src="jakiśKatalog/jakiśPlikVue"></script>

dostęp jak do normalnego pliku ze skryptami rozwiąże mój problem?

0

Ogólnie programowanie w przypadku braku internetu jest bez sensu zupełnie, ale jak bardzo musisz, to wystarczy, że sobie wejdziesz w ten link z tagu script i pobierzesz sobie plik js lub z repo: https://github.com/vuejs/vue/blob/dev/dist/vue.min.js

0

Widzę, że tu jest większy problem bardziej ze zrozumieniem pisania pod web w js :).
Ogólnie to tak to czy sobie pobierzesz przez npma, ściągniesz paczke i rozpakujesz nie ma większego znaczenia. Ważne są aby ścieżki się dobrze rozwiązywały. Paczka która wrzucasz na serwer musi zawierać wszystkie zależności i do tego zazwyczaj służą toole które biorą cały kod i (nie wchodząc w zbyt głęboko w bebechy) mielą go optymalizują i wypluwają paczke plików statycznych które wrzucasz na server -> https://v3.vuejs.org/guide/tooling/deployment.html#turn-on-production-mode

Dla bardziej obrazowego wytłumaczenia

npm isntall --global yarn
git clone https://github.com/gothinkster/vue-realworld-example-app.git
cd ./vue-realworld-example-app
yarn install
yarn run build

Po tym kroku w folderze dist masz wszystkie pliki potrzebne do działania paczki. Które wrzcuasz na server.
Jeśli chcesz aby działa router z vue na apache pamiętaj o konfiguracji https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations

0

@omenomn2: A to samo tylko z vue.js w wersji next np 3.0.6?
Gdzie znaleźć wymagane pliki? Przeglądałem github i nic podobnego jak vue.js lub vue.min.js nie znalazłem.
Ok rozwiązałem swój problem czytając ze zrozumieniem.
npm install [email protected]
rozwiązuje wszystko.
W miejscu wywołania (robiłem z uprawnieniami root'a - nie wiem czy bezpiecznie) powstaje katalog:
node_modules/vue/dist/
a tam plik: vue.global.js

<script src="jakiśKatalog/vue.global.js"></script>

Śmiga bez internetu.
Dzięki za naprowadzenie.

Pozdrawiam
Głębicki

PS. Oczywiście zmieniłem prawa i właściciela pliku po skopiowaniu do katalogu /html

0

Vue a Next to jest różnica, Next to jest framework dla Vue, pisałeś o samym Vue, ale dobra, mniejsza, jak ogarnąłeś to spoko.

0

Sorry, pomyliłem z nuxt.

1 użytkowników online, w tym zalogowanych: 0, gości: 1