在Ubuntu 18.04 LTS上,设置Nuxt.js Web应用程序

・5 分钟阅读

Nuxt.js :通用框架

Nuxt.js是一个JavaScript框架,旨在快速创建通用Vue.js应用程序,它最有意思的是,能够创建可以在服务器上呈现的Vue.js应用程序以及客户端,本教程中,我们会设置一个呈现Nuxt.js应用程序的服务器,并将它部署到Ubuntu 18.04.

安装Node.js

首先,你需要确保你正在运行Ubuntu 18.04,然后,如果还没有安装node.js,则需要安装它,本教程中,我们会使用node版本管理器或NVM来简化这个过程。

使用以下命令安装NVM 。


curl -sL https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh -o install_nvm.sh
bash install_nvm.sh
source ~/.profile
nvm install 11.1.0
nvm use 11.1.0

脚手架应用

安装了Node.js之后,我们现在可以继续设置需要使用rtc的软件包了,我们会使用一个方便的小工具create-nuxt-app,社区制作的工具,可以轻松创建Nuxt.js应用程序。

在你的主目录中,运行以下命令开始应用程序生成。


npx create-nuxt-app <nameofproject>

控制台将提示你输入几个重要选项,在本教程中,我们会命名项目"app",我们会使用Express作为自定义服务器框架,我们会在通用模式下运行应用程序,指定所有必需权限后,会开始安装过程,并且会创建所有配置文件。

初始开始

下载完所有内容后,将目录更改为刚创建的文件夹。

 
cd app

 

现在我们可以启动Nuxt.js开发服务器。

 
npm run dev

 

此命令会使用Web pack模块绑定器构建站点,并且在本地主机端口(通常为port 3000上为站点提供服务,,此外,它还会允许你访问热重新加载模块,这会消除每次更改文件时都需要重新启动应用程序,由于我们在通用模式下运行应用程序,应用程序会在客户端和服务器上进行编译,现在你的应用程序会在端口3000上运行。

构建生产机

在你积极开发应用程序时,开发模式非常有用。但是,当你准备好公开应用程序时,热重新加载和开发人员工具等插件变得不那么重要了。这就是我们要为生产环境构建应用程序的原因,值得庆幸的是,Nuxt.js包含一个工具,我们可以用它来快速构建我们的应用程序模块以进行生产。运行以下步骤以开始生产生成过程。

 
npm run build

 

实际上,我们要做的是编译所有web pack模块,并对生产进行优化。

构建完成后,你就可以运行该站点以进行生产。

 
npm start

 

现在,如果导航到http://yourip:3000,就会看到Nuxt.js启动屏幕,它确认你正在生产模式下运行。

PM2 :轻松管理你的应用程序

现在,我们了解了运行我们的应用程序的,在生产环境中,我们更喜欢一种保持应用程序永久运行的好方法,这就是流程管理器2PM2出现的地方,PM2是用于生产应用程序的Node.js流程管理器,它包括许多重要的生产工具,如负载平衡,高级日志,启动脚本和更多,首先,安装PM2.


npm install pm2 -g

这会全局安装PM2以便我们可以在服务器上的任何地方使用它,一旦PM2完成下载,我们就可以启动应用程序。


pm2 start <appfolder>/server/index.js

请注意,我们正在启动位于应用程序root内部的服务器文件。

如果你想查看应用程序使用的资源,可以使用pm2 monit命令来实现,这会提供与ncurses类似的接口,你可以在这里精确收集关于应用程序,CPU和磁盘使用情况的数据。

现在,你的应用程序会在我们以前运行,时运行,除了现在我们有更多的控制。

现在,你已经部署了一个Nuxt.js应用程序构建,它是通过Node.js和Ubuntu 18.04部署的,如果你想了解更多有关Nuxt及它所有深入功能的信息请随时访问他们的官方文档,正式文档

Yanyan profile image