ThinkJS 創(chuàng)建項目

2021-09-17 14:34 更新

創(chuàng)建項目

安裝 Node.js

ThinkJS 是一款 Node.js 的 MVC 框架,所以安裝 ThinkJS 之前,需要先安裝 Node.js 環(huán)境,可以去 官方 下載最新的安裝包進行安裝,也可以通過其他一些渠道安裝。

安裝完成后,在命令行執(zhí)行 node -v,如果能看到對應(yīng)的版本號輸出,則表示安裝成功。

ThinkJS 需要 Node.js 的版本 >=0.12.0,如果版本小于這個版本,需要升級 Node.js,否則無法啟動服務(wù)。建議將 Node.js 版本升級到 4.2.1。

安裝 ThinkJS

通過下面的命令即可安裝 ThinkJS:

npm install thinkjs -g --verbose

如果安裝很慢的話,可以嘗試使用 taobao 的源進行安裝。具體如下:

npm install thinkjs -g --registry=https://registry.npm.taobao.org --verbose

:如果之前安裝過 ThinkJS 1.x 的版本,可能需要將之前的版本刪除掉,可以通過 npm uninstall -g thinkjs-cmd 命令刪除。

創(chuàng)建項目

ThinkJS 安裝完成后,就可以通過下面的命令創(chuàng)建項目:

thinkjs new project_path; #project_path為項目存放的目錄

如果想用ES6特性來開發(fā)項目的話,可以創(chuàng)建一個ES6模式的項目,具體如下:

thinkjs new project_path --es6; #project_path為項目存放的目錄

如果能看見類似下面的輸出,表示項目創(chuàng)建成功了:

  create : demo/
  create : demo/package.json
  create : demo/.thinkjsrc
  create : demo/nginx.conf
  create : demo/README.md
  create : demo/www/
  create : demo/www/index.js
  create : demo/app
  create : demo/app/common/runtime
  create : demo/app/common/config
  create : demo/app/common/config/config.js
  create : demo/app/common/config/view.js
  create : demo/app/common/config/db.js
  ...
  create : demo/app/home/logic
  create : demo/app/home/logic/index.js
  create : demo/app/home/view
  create : demo/app/home/view/index_index.html

  enter path:
  $ cd demo/

  install dependencies:
  $ npm install

  run the app:
  $ npm start

關(guān)于創(chuàng)建項目命令的更多信息,請見 擴展功能 -> ThinkJS 命令。

安裝依賴

項目安裝后,進入項目目錄,執(zhí)行 npm install 安裝依賴,可以使用 taobao 源進行安裝。

npm install --registry=https://registry.npm.taobao.org --verbose

編譯項目

如果創(chuàng)建項目時加上了 --es6 參數(shù),代碼需要編譯后才能運行。那么需要先在項目下執(zhí)行命令 npm run watch-compile ,這樣文件有修改后就會自動編譯了。

執(zhí)行命令后會掛起一個進程,注意不要結(jié)束這個進程,其他命令可以再新開一個標(biāo)簽頁里執(zhí)行。

啟動項目

在項目目錄下執(zhí)行命令 npm start,如果能看到類似下面的內(nèi)容,表示服務(wù)啟動成功。

[2015-09-21 20:21:09] [THINK] Server running at http://127.0.0.1:8360/
[2015-09-21 20:21:09] [THINK] ThinkJS Version: 2.0.0
[2015-09-21 20:21:09] [THINK] Cluster Status: closed
[2015-09-21 20:21:09] [THINK] WebSocket Status: closed
[2015-09-21 20:21:09] [THINK] File Auto Reload: true
[2015-09-21 20:21:09] [THINK] App Enviroment: development

訪問項目

打開瀏覽器,訪問http://127.0.0.1:8360/即可。

如果是在遠程機器,需要通過遠程機器的 IP 訪問,同時要保證 8360 端口可訪問。

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號