美文网首页h5
ThinkJS学习笔记一

ThinkJS学习笔记一

作者: MrAlexLee | 来源:发表于2017-02-05 18:58 被阅读101次

创建项目

安装 Node.js
ThinkJS 是一款 Node.js 的 MVC 框架,所以安装 ThinkJS 之前,需要先安装 Node.js 环境,可以去 官方 下载最新的安装包进行安装,也可以通过其他一些渠道安装。

安装完成后,在命令行执行 node -v,如果能看到对应的版本号输出,则表示安装成功。

ThinkJS 需要 Node.js 的版本 >=0.12.0,如果版本小于这个版本,需要升级 Node.js,否则无法启动服务。建议将 Node.js 版本升级到 4.2.1 或更高版本。

安装 ThinkJS

通过下面的命令即可安装 ThinkJS:

npm install thinkjs@2 -g --verbose
如果安装很慢的话,可以尝试使用 taobao 的源进行安装。具体如下:

npm install thinkjs@2 -g --registry=https://registry.npm.taobao.org --verbose
安装完成后,可以通过 thinkjs --version 或 thinkjs -V 命令查看安装的版本。

注:如果之前安装过 ThinkJS 1.x 的版本,可能需要将之前的版本删除掉,可以通过 npm uninstall -g thinkjs-cmd 命令删除。

更新 ThinkJS

更新全局的 ThinkJS

执行下面的命令即可更新全局的 ThinkJS:

npm install -g thinkjs@2
更新项目里的 ThinkJS

在项目目录下,执行下面的命令即可更新当前项目的 ThinkJS:

npm install thinkjs@2
使用命令创建项目

ThinkJS 安装完成后,就可以通过下面的命令创建项目:

thinkjs new project_path; #project_path为项目存放的目录
如果想用 ES6 特性来开发项目的话,可以创建一个 ES6 模式的项目,具体如下:

thinkjs new project_path --es; #project_path为项目存放的目录
如果能看见类似下面的输出,表示项目创建成功了:

create : demo/
create : demo/package.json
create : demo/.thinkjsrc
create : demo/nginx.conf
create : demo/README.md
create : demo/www/
create : demo/www/index.js
create : demo/app
create : demo/app/common/runtime
create : demo/app/common/config
create : demo/app/common/config/config.js
create : demo/app/common/config/view.js
create : demo/app/common/config/db.js
...
create : demo/app/home/logic
create : demo/app/home/logic/index.js
create : demo/app/home/view
create : demo/app/home/view/index_index.html

enter path:
$ cd demo/

install dependencies:
$ npm install

run the app:
$ npm start
关于创建项目命令的更多信息,请见 扩展功能 -> ThinkJS 命令。

安装依赖

项目安装后,进入项目目录,执行 npm install 安装依赖,可以使用 taobao 源进行安装。
npm install --registry=https://registry.npm.taobao.org --verbose

编译项目

如果创建项目时加上了 --es6 参数,代码需要编译后才能运行。那么需要先在项目下执行命令 npm run watch-compile ,这样文件有修改后就会自动编译了。

执行命令后会挂起一个进程,注意不要结束这个进程,其他命令可以再新开一个标签页里执行。

注:2.0.6 版本开始内置了自动编译的功能,无需再执行该命令,直接启动服务即可。如果是老项目可以将 ThinkJS 升级到最新版本,然后在文件 www/index.js 加入代码 instance.compile(); 即可(放在 instance.run() 之前)。

启动项目

在项目目录下执行命令 npm start,如果能看到类似下面的内容,表示服务启动成功。

[2015-09-21 20:21:09] [THINK] Server running at http://127.0.0.1:8360/
[2015-09-21 20:21:09] [THINK] ThinkJS Version: 2.0.0
[2015-09-21 20:21:09] [THINK] Cluster Status: closed
[2015-09-21 20:21:09] [THINK] WebSocket Status: closed
[2015-09-21 20:21:09] [THINK] File Auto Reload: true
[2015-09-21 20:21:09] [THINK] App Enviroment: development
访问项目

打开浏览器,访问http://127.0.0.1:8360/即可。

如果是在远程机器,需要通过远程机器的 IP 访问,同时要保证 8360 端口可访问。
遇到的问题:
创建项目后,调试一直出错,原因是在创建项目的过程中路径不正确

相关文章

  • ThinkJS学习笔记一

    创建项目 安装 Node.jsThinkJS 是一款 Node.js 的 MVC 框架,所以安装 ThinkJS ...

  • Thinkjs学习笔记

    命令行 目录说明 src:控制器和数据 logic:逻辑校验,降低 controller 里的 action 的复...

  • thinkJS+antd+webpack

    1.建立thinkjs项目 thinkjs new think-demo //建立 thinkjs 项目 npm ...

  • Thinkjs3.0

    查看命令thinkjs -h查看命令帮助thinkjs help [cmd] 创建多模块项目thinkjs new...

  • thinkjs 简单搭建api服务

    安装 ThinkJS 命令 安装完成后,系统中会有 thinkjs 命令(可以通过 thinkjs -V 查看 t...

  • 博客之家后台接口环境搭建

    后台接口实现主要通过node,使用的框架thinkjs(https://thinkjs.org/) 一:thinj...

  • Node.js 国产 MVC 框架 ThinkJS 开发 入门

    ThinkJS (官网 https://thinkjs.org) 是一款非常优秀的 Node.js 国产 MVC ...

  • 浅析 thinkjs 实时编译实现方式

    得不到总是最好 ---- 在开发的thinkjs的过程中,会发现thinkjs 在开发过程中总是能够实时...

  • thinkjs入门

    介绍 ThinkJS 是一款面向未来开发的 Node.js 框架,整合了大量的项目最佳实践,让企业级开发变得如此简...

  • Thinkjs总结

    1.我们其他一些配置几乎在common通用模块下config/config.js配置。2.要是进行指定规则,就在c...

网友评论

    本文标题:ThinkJS学习笔记一

    本文链接:https://www.haomeiwen.com/subject/asieittx.html