ThinkJS框架入門詳細教程（一）開發環境

1、前端標配環境

一、nodeJS正確安裝，能夠參考：http://www.cnblogs.com/chengxs/p/6221393.html

二、git正確安裝，能夠參考：http://www.cnblogs.com/chengxs/p/6244023.html

 

2、安裝ThinkJS命令

npm install -g think-cli

安裝完成後，系統中會有 thinkjs 命令（能夠經過 thinkjs -v 查看 think-cli 的版本號，此版本號非 thinkjs 的版本號）。若是找不到這個命令，請確認環境變量是否正確。

 

3、建立項目

執行 下面語句 來建立項目，如：

thinkjs new [project_name] 

而後

cd demo;

npm install; 

npm start;

 

4、項目結構

默認建立的項目結構以下：

|--- 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

 

5、效果

打開瀏覽器訪問 http://127.0.0.1:8360/，若是是在遠程機器上建立的項目，須要把 IP 換成對應的地址。

效果以下：

能夠參考官方文檔：https://thinkjs.org/zh-cn/doc/3.0/create_project.html