Heim > PHP-Framework > Laravel > Detaillierte Erläuterung der Laravel8.0 + Vue-Installationsmethode

Detaillierte Erläuterung der Laravel8.0 + Vue-Installationsmethode

藏色散人
Freigeben: 2021-04-21 09:15:05
nach vorne
3270 Leute haben es durchsucht

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
Nach dem Login kopieren

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
Nach dem Login kopieren
切换到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 命令全局可用
Nach dem Login kopieren

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表示完成
Nach dem Login kopieren
npm install
npm audit fix
npm audit fix npm audit fix --force npm audit
npm audit
npm install
Nach dem Login kopieren

Laravel-Willkommensoberfläche umwandeln, Ressourcen/Ansichten/welcome.blade.php anzeigen

<!DOCTYPE html>
<html lang="{{ str_replace(&#39;_&#39;, &#39;-&#39;, 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(&#39;css/app.css&#39;) }}" rel="stylesheet">

   </head>
   <body>
     <div id="app">
         <div>
      <!-- 3、使用组件 -->
           <example-component></example-component>
         </div>
     </div>  

    <!-- 2、引入支持Vue框架和Vue组件的app.js文件 -->
     <script src="{{ asset(&#39;js/app.js&#39;) }}"></script>
   </body>
</html>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:learnku.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage