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 换成对应的地址。
效果如下:
可以参考官方文档:https://thinkjs.org/zh-cn/doc/3.0/create_project.html
文中有错误的地方希望指出,共同进步