我们相信:世界是美好的,你是我也是。平行空间的世界里面,不同版本的生活也在继续...

thinkjs作为node届的最新框架,还是非常好用的。在node呼声日益高涨的今天,掌握一两门类似thinkjs的node网站框架,还是非常有必要的。对于phper来说,thinkjs无疑是非常值得推荐的框架。因为......它用起来和thinkphp,非常相似......,估计对于国人phper来说,thinkphp的普及度无疑是最高的。所以,当你转过身看thinkjs的话,冥冥之中,一切似曾相识!

安装think-cli

全局安装一个think-cli,是一个不错的主意。当然,除了npm,你也可以选择cnpm或者yarn

npm install think-cli -g

这个think-cli安装完成后,其实有个不大不小的误会。

  • 可以用thinkjs -V查看版本号(注意是大写的V),但是这里的版本号2.1.1,是think-cli的版本号,而不是thinkjs的版本。目前,你的系统里面还没有thinkjs安装呢。
  • 关于最新的thinkjs的版本,可以用下面的命令查看注册在npm的版本库上的最新的版本号。npm view thinkjs version,这里显示版本为:3.2.4。
thinkjs -V
npm view thinkjs version

苏南大叔:如何初始化一个thinkjs项目 - thinkjs安装
如何初始化一个thinkjs项目(图8-1)

新建一个项目

执行下面的命令后,然后一路回车即可。其中,系统会读取你的git的全局user和email值。当然,如果你还没有设置过的话,你自己在脚本里面,随便写个邮箱地址,也是可以的。并不妨碍thinkjs的项目初始化。

thinkjs new <projectname>

苏南大叔:如何初始化一个thinkjs项目 - 初始化demo
如何初始化一个thinkjs项目(图8-2)

在这里,苏南大叔,初始化了一个名为demo的项目。我们需要进入到demo项目内,然后安装项目依赖。这个时候,thinkjs的代码,才真正来到你的世界里面,欢迎它吧。

cd <projectname>
sudo npm install

苏南大叔:如何初始化一个thinkjs项目 - npminstall
如何初始化一个thinkjs项目(图8-3)

然后,我们得到的项目目录,是这样的。我们以后需要关注的文件,苏南大叔都有标记出来,在这里,我们不必特别关心这些文件都是做什么的,如何使用。但是,从目录上面看,结构还是非常清晰的。

苏南大叔:如何初始化一个thinkjs项目 - 003_folder
如何初始化一个thinkjs项目(图8-4)

运行网站

运行的办法,也非常多。当然,最简单的莫过于,下面这条语句了。

npm start

在网站调试阶段,是使用这个调试的。在部署阶段,就是使用pm2加上nginx了。当然,你也可以查看一下package.json里面script。就可以知道上面这条语句,实际上执行的是:

node development.js

苏南大叔:如何初始化一个thinkjs项目 - npmstart
如何初始化一个thinkjs项目(图8-5)

修改端口

苏南大叔:如何初始化一个thinkjs项目 - 004
如何初始化一个thinkjs项目(图8-6)

从终端里面的提示中,我们可以看到:默认的端口号是8360。这个值非常非常重要,我们需要牢记它。当然,如果你觉得这个8360不好记住的话,你也可以修改如下文件src/config/config.js,增加个port设置。然后再重新npm start,就可以更换为新的端口号了。

苏南大叔:如何初始化一个thinkjs项目 - 005
如何初始化一个thinkjs项目(图8-7)

在这里,苏南大叔把端口号换成了9000。下图,是本文的最终效果图。

苏南大叔:如何初始化一个thinkjs项目 - 006
如何初始化一个thinkjs项目(图8-8)

结语

对于开发调试过程来说,上述几步就可以了。对于上线部署来说,我们还需要设置pm2和nginx,具体的设置方法,请继续关注苏南大叔的后续thinkjs系列经验文章。https://newsn.net/tag/thinkjs/

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。

 【福利】 腾讯云最新爆款活动!1核2G云服务器首年50元!

 【源码】本文代码片段及相关软件,请点此获取更多信息

 【绝密】秘籍文章入口,仅传授于有缘之人   node    thinkjs