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