本文介绍在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服务器平台而流行) )。
安装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
要验证,请打开浏览器输入地址为http://localhost:3000或者http://IP-Address:3000/,这个时候就可以看到安装成果了,如下图:
至此,MEAN.JS Stack已准备好,可以开始构建Web应用程序了。
相关主题 |