Node.js 和 Express.js 的开发环境配置
设定Node.js和Express.js的开发环境。
关于只使用Node.js开发Web应用程序,Express.js框架被认为非常方便,因此我马上进行了环境设置。在使用Dotinstall的方法中,我遇到了一些版本不兼容的问题,所以我将其记录下来。
官方网页
-
- nodejs
-
- expressjs
- npm
环境
-
- OS: CentOS6
-
- nodejs: v0.12.7
- expressjs: v4.13.3
安装Node.js
因为Node.js也有版本管理工具,所以这次假设使用这个工具进行安装。
- nvm
安装过程是先进行git clone,然后进行环境设置。
在克隆之后,切换到最新版本,并在正在使用的shell配置文件中执行nvm.sh。我使用的是zsh,所以我会将它添加到.zshrc中。
$ cd ~
$ git clone https://github.com/creationix/nvm.git ~/.nvm
$ cd .nvm
$ git checkout -b `git describe --abbrev=0 --tags`
$ echo 'export NVM_DIR="$HOME/.nvm"' >> ~/.zshrc
$ echo '[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"' >> ~/.zshrc
$ source ~/.zshrc
如果成功安装了nvm,就会确认nodejs的版本并继续安装。
$ nvm ls-remote
$ nvm install v0.12.7
$ nvm ls
$ node --version
安装 Express.js
在安装Node.js时,使用Node.js自带的包管理工具npm来安装Express.js。
- npm
如果在npm上没有指定选项进行安装,则会将软件包下载到当前目录中。如果要在全局环境中安装,请使用“-g”选项。
此外,为了使用express命令,还需要安装一个名为express-generator的包(在旧版本中,这两个似乎是一起的)。
全局安装的包将下载到~/.npm目录下。
$ npm install -g express
$ npm install -g express-generator
$ express --version
创建一个expressjs的框架
在安装好ExpressJS之后,我们可以使用express命令来创建模板。
只需要创建一个合适的目录并执行该命令,就可以为我们创建一个模板。
$ mkdir work
$ cd work
$ express samlpe_app
create : sample_app
create : sample_app/package.json
create : sample_app/app.js
create : sample_app/public
create : sample_app/public/javascripts
create : sample_app/public/images
create : sample_app/public/stylesheets
create : sample_app/public/stylesheets/style.css
create : sample_app/routes
create : sample_app/routes/index.js
create : sample_app/routes/users.js
create : sample_app/views
create : sample_app/views/index.jade
create : sample_app/views/layout.jade
create : sample_app/views/error.jade
create : sample_app/bin
create : sample_app/bin/www
install dependencies:
$ cd sample_app && npm install
run the app:
$ DEBUG=sample_app:* npm start
$
出力结果中已经提到,由于需要安装由express创建的模板的依赖包,因此需要在生成的应用程序目录下安装包。将要安装的包已在package.js中定义好。
$ cd sample_app
$ npm install
打开应用程序
现在我们安装了包,接下来就是启动应用程序了。
请运行npm start命令。在package.json文件的scripts对象中定义了要在nodejs中执行的文件。默认情况下,指定的文件是$APP_HOME/bin/www。所以你也可以在下面执行该命令。
$ npm start
或者
$ node ./bin/www
我试着访问一下。
默认情况下,它在3000端口上侦听,您可以通过以下方式访问。
http://localhost:3000/
接下来,将根据模板进行应用程序的扩展。
由于我是JavaScript的初学者,所以我打算阅读模板代码,以便学习它是如何运作的。如果有好的学习网页或书籍,请留下评论,我会非常高兴的。