Heim > Artikel > PHP-Framework > Detaillierte Erläuterung der Laravel8.0 + Vue-Installationsmethode
Detaillierte Erläuterung der Laravel8.0 + Vue-Installationsmethode
- 藏色散人nach vorne
- 2021-04-21 09:14:153207Durchsuche
Die folgende Tutorial-Kolumne stellt Ihnen die Installation von Laravel8.0 + Vue vor. Ich hoffe, dass sie Freunden, die sie benötigen, hilfreich sein wird!
composer create-project --prefer-dist laravel/laravel fl_app composer install php artisan key:generate
Knoten installieren
yum install wget wget https://nodejs.org/dist/v12.18.3/node-v12.18.3-linux-x64.tar.xz#得到 一个包 node-v12.18.3-linux-x64.tar xz -d node-v12.18.3-linux-x64.tar.xz#得到一个目录 node-v12.18.3-linux-x64 tar -xvf node-v12.18.3-linux-x64.tar
切换到node bin目录 一共有三个文件 node npm npx src]# cd node-v12.18.3-linux-x64/bin/[root@VM-0-4-centos bin]# ll total 47508-rwxr-xr-x 1 work work 48646656 Jul 22 23:00 node lrwxrwxrwx 1 work work 38 Jul 22 23:00 npm -> ../lib/node_modules/npm/bin/npm-cli.js lrwxrwxrwx 1 work work 38 Jul 22 23:00 npx -> ../lib/node_modules/npm/bin/npx-cli.js[root@VM-0-4-centos bin]# 执行命令查看 node 版本 # ./node -v v12.18.3[root@VM-0-4-centos bin]# 截止目前为止表示node 已经可用了, 下一步是要让 node 命令全局可用
Soft-Verbindung
我的node 放在 /usr/local/src 目录下 ln -s /usr/local/src/node-v12.18.3-linux-x64/bin/node /usr/bin/node ln -s /usr/local/src/node-v12.18.3-linux-x64/bin/npm /usr/bin/npm ln -s /usr/local/src/node-v12.18.3-linux-x64/bin/npx /usr/bin/npx 任意目录 任意用户 执行:[root@VM-0-4-centos ~]# node -v v12.18.3[huipeng@VM-0-4-centos ~]$ node -v v12.18.3表示完成
npm install npm audit fix npm audit fix npm audit fix --force npm audit npm audit npm install
Laravel-Willkommensoberfläche umwandeln, Ressourcen/Ansichten/welcome.blade.php anzeigen
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Laravel</title>
<!--1、 引入支持 Bootstrap 的 CSS 样式文件 -->
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
</head>
<body>
<div id="app">
<div>
<!-- 3、使用组件 -->
<example-component></example-component>
</div>
</div>
<!-- 2、引入支持Vue框架和Vue组件的app.js文件 -->
<script src="{{ asset('js/app.js') }}"></script>
</body>
</html> Nachdem die Installation abgeschlossen ist, Vue-Komponenten und JS-Dateien befinden sich im Verzeichnis resources/js geändert, muss npm run dev erneut ausgeführt werden, das ist sehr mühsam
Sie können den Befehl npm run watch verwenden, um Front-End-Ressourcen zu kompilieren werden bei jeder Änderung automatisch neu kompiliert
Verwandte Empfehlungen: Die neuesten Five Laravel-Video-Tutorials
Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Laravel8.0 + Vue-Installationsmethode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
Dieser Artikel ist reproduziert unter:learnku.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel：Detaillierte Erläuterung der Laravel ORM-OperationenNächster Artikel：Detaillierte Erläuterung der Laravel ORM-Operationen