V tomto tutoriálu vám ukážeme, jak nainstalovat Vue.JS na CentOS 7. Pro ty z vás, kteří nevěděli, Vue.JS je JavaScript progresivní front-end framework pro vytváření uživatelských rozhraní (UI). Vue je monolitický rámec navržený tak, aby jej bylo možné postupně adaptovat. Základní knihovna se soustředí pouze na vrstvu zobrazení a lze ji snadno vyzvednout a začlenit do jiných knihoven nebo současných projektů, navíc Vue.JS dokonale umí vývoje komplikovaného jednostránkového softwaru (SPA).
Tento článek předpokládá, že máte alespoň základní znalosti Linuxu, víte, jak používat shell, a co je nejdůležitější, hostujete svůj web na vlastním VPS. Instalace je poměrně jednoduchá a předpokládá, že běží v účtu root, pokud ne, možná budete muset přidat 'sudo
‘ k příkazům pro získání oprávnění root. Ukážu vám krok za krokem instalaci Vue.JS na server CentOS 7.
Předpoklady
- Server s jedním z následujících operačních systémů:CentOS 7.
- Abyste předešli případným problémům, doporučujeme použít novou instalaci operačního systému.
- Přístup SSH k serveru (nebo stačí otevřít Terminál, pokud jste na počítači).
non-root sudo user
nebo přístup kroot user
. Doporučujeme jednat jakonon-root sudo user
, protože však můžete poškodit svůj systém, pokud nebudete při jednání jako root opatrní.
Nainstalujte Vue.JS na CentOS 7
Krok 1. Nejprve začněme tím, že zajistíme, aby byl váš systém aktuální.
yum clean all yum -y update
Krok 2. Instalace Node.Js a NPM.
Nejprve musíme nainstalovat Node.JS a NPM:
curl --silent --location https://rpm.nodesource.com/setup_8.x | sudo bash -
Dále nainstalujte Node.js a NPM pomocí následujícího příkazu:
yum install nodejs
Své nainstalované soubory Node.js a NPM můžete zkontrolovat a ověřit pomocí následujících příkazů:
node -v npm -v
Krok 3. Instalace Vue.JS na CentOS 7.
NPM je doporučená instalační metoda při vytváření rozsáhlých aplikací s Vue. Skvěle se hodí k modulovým bundlerům, jako je Webpack nebo Browserify. Vue také poskytuje doprovodné nástroje pro vytváření Komponenty jednoho souboru:
npm install -g vue-cli
Nyní se můžete přepnout do adresáře, kam chcete uložit svůj projekt, a poté nainstalovat soubory Vue.js pomocí příkazu níže:
vue init webpack first-project
Poté se přepněte do adresáře projektu a nainstalujte závislosti:
cd first-project npm install
Nyní jste kompletně nainstalovali Vue.JS a můžete jej ihned začít vyvíjet a testovat. Spuštěním následujícího příkazu se spustí provoz vašeho projektu:
npm run dev
Konečně můžete vidět, že váš projekt nyní běží na:
http://localhost:8081
Blahopřejeme! Úspěšně jste nainstalovali Vue.JS na CentOS 7. Děkujeme, že jste použili tento návod k instalaci Vue.JS na systémy CentOS 7. Pro další pomoc nebo užitečné informace vám doporučujeme zkontrolovat oficiální webové stránky Vue.JS.