ThinkJS框架入门详细教程开发环境

Posted 2020-10-08 saucxs

一、前端标配环境

1、nodeJS正确安装，可以参考：http://www.cnblogs.com/chengxs/p/6221393.html

2、git正确安装，可以参考：http://www.cnblogs.com/chengxs/p/6244023.html

 

二、安装ThinkJS命令

npm install -g think-cli

安装完成后，系统中会有 thinkjs 命令（可以通过 thinkjs -v 查看 think-cli 的版本号，此版本号非 thinkjs 的版本号）。如果找不到这个命令，请确认环境变量是否正确。

 

三、创建项目

执行 下面语句 来创建项目，如：

thinkjs new [project_name] 

然后

cd demo;

npm install; 

npm start;

 

四、项目结构

默认创建的项目结构如下：

|--- development.js   //开发环境下的入口文件
|--- nginx.conf  //nginx 配置文件
|--- package.json
|--- pm2.json //pm2 配置文件
|--- production.js //生产环境下的入口文件
|--- README.md
|--- src
| |--- bootstrap  //启动自动执行目录 
| | |--- master.js //Master 进程下自动执行
| | |--- worker.js //Worker 进程下自动执行
| |--- config  //配置文件目录
| | |--- adapter.js  // adapter 配置文件 
| | |--- config.js  // 默认配置文件 
| | |--- config.production.js  //生产环境下的默认配置文件，和 config.js 合并 
| | |--- extend.js  //extend 配置文件 
| | |--- middleware.js //middleware 配置文件 
| | |--- router.js //自定义路由配置文件
| |--- controller  //控制器目录 
| | |--- base.js
| | |--- index.js
| |--- logic //logic 目录
| | |--- index.js
| |--- model //模型目录
| | |--- index.js
|--- view  //模板目录
| |--- index_index.html
|--- www
| |--- static  //静态资源目录
| | |--- css
| | |--- img
| | |--- js

 

五、效果

打开浏览器访问 http://127.0.0.1:8360/，如果是在远程机器上创建的项目，需要把 IP 换成对应的地址。

效果如下：

可以参考官方文档：https://thinkjs.org/zh-cn/doc/3.0/create_project.html