1. 程式人生 > >ThinkJS框架入門詳細教程(一)開發環境

ThinkJS框架入門詳細教程(一)開發環境

install devel 版本 開發 conf doc 瀏覽器 打開 變量

一、前端標配環境

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

ThinkJS框架入門詳細教程(一)開發環境