面向 Javascript/NodeJS 开发人员的 Laravel 6 和 VueJS 学习指南（第一部分）——启动 Laravel

由 Mux 主办的 DEV 全球展示挑战赛：展示你的项目！

我最早接触的全栈 Web 框架之一是 Ruby on Rails。直到今天，我仍然认为它是一个非常棒的开发框架。它能帮你省去很多麻烦。需要向数据库添加数据？没问题。只需编写一个简单的迁移脚本。需要身份验证系统？没问题，只需一条 CLI 命令即可。不知道如何搭建项目结构？不用考虑这个问题。框架已经为你准备好了最佳实践！

最近，在 Web 开发社区，Laravel 的身影越来越频繁地出现。人们有时称它为 PHP 的 Ruby on Rails。因此，在本系列文章中，我们将一起探索 Laravel 6，并使用 VueJS 作为前端框架。

让 Laravel 运行

要求

PHP

Laravel 是用 PHP 编写的，需要 PHP 以及一些额外的扩展。
以下是 Laravel 6.0 的要求。

• PHP >= 7.2。
• BCMath PHP 扩展
• Ctype PHP 扩展
• JSON PHP 扩展
• Mbstring PHP 扩展
• OpenSSL PHP 扩展
• PDO PHP 扩展
• Tokenizer PHP 扩展
• XML PHP 扩展

在本教程中，我将使用 Ubuntu，Ubuntu因为它是最受欢迎的 Linux 发行版之一，而且你可以很容易地使用 来安装 Ubuntu WSL。

首先让我们添加一个ppa（当然我们需要一个ppa，因为这是Ubuntu ;)）。

sudo add-apt-repository ppa:ondrej/php ; sudo apt update ; sudo apt upgrade

现在所有组件都已更新完毕，让我们来安装所有依赖项。

 sudo apt install php7.3-common php7.3-cli php7.3-bcmath php7.3-zip php7.3-gd php7.3-mysql php7.3-curl php7.3-mbstring php7.3-imap php7.3-xml php7.3-intl php7.3-mysql

MySQL/MariaDB

您可以选择使用云端数据库，也可以选择在本地安装数据库。我们将在 Ubuntu 系统上安装 MariaDB。为此，我们需要以下软件包。

sudo apt install mariadb-server mariadb-client

之后，我们需要设置数据库。

sudo mysql_secure_installation

请按照说明操作，并记住所有徽标凭证，我们稍后会用到。

现在你需要启动 MariaDB。

sudo service mysql start

作曲家

Composer 是 PHP 的包管理器，用于创建新的 Laravel 项目并管理 PHP 依赖项。那么，让我们来安装它：

sudo apt install composer

创建我们的第一个 Laravel 应用程序

现在 Laravel 已经可以composer运行了，我们需要安装全局 Laravel 安装程序。这将帮助我们仅通过一条简单的命令行创建新项目。

composer global require laravel/installer

我们需要在文件末尾添加以下行~/.bashrc。
用你喜欢的任何编辑器打开该文件，并将以下行添加到其中：

$HOME/.config/composer/vendor/bin

现在你需要关闭并重新打开终端，或者运行以下命令

source .bashrc

现在你应该已经能够laravel轻松使用该命令了。

laravel new Laragram

现在需要一些时间来下载和安装所有依赖项。
在此期间，我会告诉你我们将要构建什么。也许你已经LaraGram在composer命令中看到了。如果你现在认为我们将创建一个 Instagram 克隆版，那就对了！本系列的目标是创建一个类似 Instagram 的应用，并具备所有最基本的功能。例如，分享帖子并上传图片、关注用户、评论帖子等等。好了，命令现在应该已经执行完毕，你应该会看到一个名为 LaraGram 的新文件夹。

开始我们的第一个 Laravel 应用程序

现在让我们运行新创建的应用程序。请确保您的终端位于 LaraGram 文件夹中，然后运行以下命令：

php artisan serv

现在服务器应该会启动，你应该会在终端中看到以下消息：

Laravel development server started: http://127.0.0.1:8000

这意味着你现在可以打开你常用的浏览器（应该是 Firefox 😉），然后http://127.0.0.1:800在地址栏中输入网址。你应该就能看到 Laravel 的默认页面了。

为 Laravel 创建数据库

首先，我们需要编辑 Laravel 项目中的一个文件。找到该文件
app->Providers->AppServiceProvider.php并添加以下代码：

use Schema;

Schema::defaultStringLength(191);

以下是它应该呈现的样子：

现在我们可以连接到 MariaDB 了：

sudo mysql -u <root or a user that can access the db> -p

我们可以创建表格

CREATE DATABASE laragram CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
USE laragram;
CREATE USER 'larauser'@'localhost' IDENTIFIED BY 'larapw';
GRANT ALL PRIVILEGES ON laragram.* To 'larauser'@'localhost' IDENTIFIED BY 'larapw';
EXIT; 

这将创建一个名为“laragram”的数据库，其中包含一个名为“larauser”的用户和密码“larapw”。

我们来看看 Laravel 现在是否可以连接到数据库。首先，停止服务器CTRL+c，然后运行以下命令：

php artisan migrate

这条命令告诉 Laravel 运行框架默认为我们创建的迁移。

如果一切正常，应该像上图所示。

安装 vue.js

首先，我们需要告诉 Laravel 使用 Vue.js。

php artisan preset vue

现在我们只需要再完成两步就可以让前端运行起来了。

npm install

这将安装 npm 依赖项。如果一切正常，我们现在可以运行前端程序了。

npm run dev

或者

npm run watch

第一条命令会构建一次前端，第二条命令会一直运行，并在你保存文件时重新构建前端。

现在一切准备就绪，可以开始制作我们的 Instagram 克隆版了！
我们将在第二部分中开始！所以别忘了关注我们，以便在下一部分发布时收到提醒！

👋你好！ Instagram | Twitter | LinkedIn | Medium | Twitch | YouTube