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/vue@next"></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
npm install vue
Co do dev toolsa
https://github.com/vuejs/vue-devtools#force-enable-the-devtools albo https://github.com/vuejs/vue-devtools/issues/236
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.
a jak nie ogarniasz npm to możesz sobie po prostu pobrać repo: https://github.com/vuejs/vue
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/vue@next"></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?
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
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
@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 vue@next
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
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.
Sorry, pomyliłem z nuxt.