云网牛站
所在位置:首页 > Linux云服务器 > 在Ubuntu 18.04 LTS系统中安装MEAN.JS的方法

在Ubuntu 18.04 LTS系统中安装MEAN.JS的方法

2019-03-14 09:58:15作者:陈雄稿源:云网牛站

本文介绍在Ubuntu 18.04 LTS操作系统中安装MEAN.JS Stack的方法,也适用于其它Ubuntu版本。

 

简介

MEAN.JS是一个开源的全栈JavaScript解决方案,用于构建快速,强大的Web应用程序。MEAN.JS Stack包括MongoDB(NoSQL数据库)、ExpressJs(NodeJS服务器端应用程序Web框架)、AngularJS(客户端Web应用程序框架)和Node.js(JavaScript运行时,作为Web服务器平台而流行) )。

在Ubuntu 18.04 LTS系统中安装MEAN.JS的方法

 

安装MongoDB和Node.js参考文章

参考以下文章:

在Ubuntu系统上安装MongoDB及配置和卸载MongoDB的两种方法

在Ubuntu 18.04系统中安装Node.js 10的方法

在安装MongoDB和Node.js之后,我们需要为MEAN.JS Stack安装其他必需的组件,如Yarn、Grunt和Gulp。

 

安装Yarn包管理器、Grunt Task Runner及Gulp任务运行器

1、Yarn

Yarn是MEAN.JS Stack用于管理前端包的包管理器。

请运行以下命令安装:

$ npm install -g yarn

2、安装Grunt Task Runner

Grunt Task Runner用于自动化开发过程。

要安装Grunt,请运行:

$ npm install -g grunt-cli

要验证是否已安装Yarn和Grunt,请运行:

$ npm list -g --depth=0

/home/sk/.nvm/versions/node/v11.11.0/lib

├── grunt-cli@1.3.2

├── npm@6.7.0

└── yarn@1.13.0

3、安装Gulp任务运行器

这是可选的,可以不用安装,你可以使用Gulp而不是Grunt,要安装Gulp Task Runner,请运行以下命令:

$ npm install -g gulp

我们已经安装了所有必需的先决条件,现在,让我们部署MEAN.JS Stack。

 

下载并安装MEAN.JS Stack

如果尚未安装Git,请安装它:

$ sudo apt-get install git

接下来,使用以下命令git克隆MEAN.JS存储库:

$ git clone https://github.com/meanjs/mean.git meanjs

输出信息如下:

Cloning into 'meanjs'...

remote: Counting objects: 8596, done.

remote: Compressing objects: 100% (12/12), done.

remote: Total 8596 (delta 3), reused 0 (delta 0), pack-reused 8584

Receiving objects: 100% (8596/8596), 2.62 MiB | 140.00 KiB/s, done.

Resolving deltas: 100% (4322/4322), done.

Checking connectivity... done.

上面的命令会将最新版本的MEAN.JS存储库克隆到当前工作目录中的meanjs文件夹。

转到meanjs文件夹:

$ cd meanjs/

运行以下命令以安装测试和运行我们的应用程序所需的Node.js依赖项:

$ npm install

这需要一些时间,请耐心等待。

 

故障排除

当我在Ubuntu 18.04 LTS系统中运行上面的命令时,我收到以下错误:

Downloading binary from https://github.com/sass/node-sass/releases/download/v4.5.3/linux-x64-67_binding.node

Cannot download "https://github.com/sass/node-sass/releases/download/v4.5.3/linux-x64-67_binding.node":

HTTP error 404 Not Found

[....]

如果遇到类似“node-sass and gulp-sass”这类常见错误,请执行以下操作。

首先使用以下命令卸载项目和全局gulp-sass模块:

$ npm uninstall gulp-sass

$ npm uninstall -g gulp-sass

接下来卸载全局node-sass模块:

$ npm uninstall -g node-sass

首先安装全局node-sass,然后在本地项目级别安装gulp-sass模块:

$ npm install -g node-sass

$ npm install gulp-sass

现在使用命令从项目文件夹再次尝试npm安装:

$ npm install

现在所有依赖项都将开始安装,一般没有任何问题。

安装所有依赖项后,运行以下命令以安装应用程序所需的所有前端模块:

$ yarn --allow-root --config.interactive=false install

或者:

$ yarn --allow-root install

如果安装成功,将会出现如下信息:

[...]

> meanjs@0.6.0 snyk-protect /home/sk/meanjs

> snyk protect

Successfully applied Snyk patches

Done in 99.47s.

 

测试MEAN.JS的方法

当前的步骤已经安装MEAN.JS,我们现在可以使用命令启动示例应用程序:

$ npm start

几秒钟后,将看到如下消息,这意味着MEAN.JS正在运行:

[...]

MEAN.JS - Development Environment

Environment: development

Server: http://0.0.0.0:3000

Database: mongodb://localhost/mean-dev

App version: 0.6.0

MEAN.JS version: 0.6.0

在Ubuntu 18.04 LTS系统中安装MEAN.JS的方法

要验证,请打开浏览器输入地址为http://localhost:3000或者http://IP-Address:3000/,这个时候就可以看到安装成果了,如下图:

在Ubuntu 18.04 LTS系统中安装MEAN.JS的方法

至此,MEAN.JS Stack已准备好,可以开始构建Web应用程序了。

 

相关主题

在Ubuntu 18.04服务器上安装LAMP Stack的方法[Apache、MySQL、PHP]

精选文章
热门文章