欢迎关注本人的微信公众号“前端小填填”,专注前端技术的基础和项目开发的学习。
上一篇文章给大家讲了一下本项目的开发计划,这一章将会开始着手搭建一个MEAN项目。千里之行,始于足下,打造MEAN全栈项目的第一步就是创建一个新的Express项目。在本项目中,你需要安装以下工具:
(1) Node和npm
(2)全局安装的Express
(3)git
(4)一个云服务器
(5)一个写命令行的接口(CLI)或者是终端
创建一个Express项目
具体的安装方式请自行百度。首先,我们创建一个项目文件夹,文件夹放在哪里无所谓,最好是你能第一时间想起来的地方,命名为loc8r,在命令行进入这个文件夹,输入express命令就可以创建一个Express项目。
当然在express后面,你可以加上不同的配置参数,对项目进行配置,如加上--ejs,就可以把项目的HTML模板引擎从jade转换为ejs,jade为不添加任何配置参数时的默认引擎类型。我们也可以配置css预压缩工具类型。一些常用的配置参数如下:
通过这一步,我们在loc8r目录下获得了一些文件夹,其中最重要的一个文件就是app.js,这是我们整个项目的应用入口文件,之后我们的很多工作都将是围绕这个文件进行展开和配置。 安装项目依赖
到了这里文件夹中已经有一堆的文件了,接下来要安装项目依赖。安装项目依赖的目的就是获取一个package.json文件,这个文件是一个很重要的配置文件。我们在loc8r文件夹下,输入npm install命令,这对整个项目进行了一个初始化操作,你会在目录下看到有node_modules文件夹还有package.json文件。打开这个json文件,可以看到一些已经自动添加的依赖项。麻雀虽小,五脏俱全,到了这里,其实已经Express项目已经成型了,在命令行loc8r文件夹下输入npm start就可以看到项目已经运行起来,打开浏览器输入localhost:3000就能够看到如下页面啦: