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

一、前端标配环境

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 换成对应的地址。

效果如下:

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

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

上一篇:快速构建自己的CentOS发行版


下一篇:2.let 和 const