1. 準備
- 我用nvm來安裝NodeJs 8,參考 簡書上的nvm教程
- 再裝了個淘寶的
cnpm
,安裝cnpm
命令行版本之前遇到過一些奇怪問題,所以現在我只用別名版本了,參考 淘寶NPM鏡像 - 編輯器用的 Visual Studio Code(終于可以放心告別D版的PHPStorm了和收費的Sublime了)
- 終端用的iTerm2 + zsh,具體怎么配置的我也忘了,簡書上一大堆教程。
2. 安裝 (官網教程)
- 終端執行
cnpm i -g @adonisjs/cli
安裝AdonisJs的命令行工具,以后創建項目、生成文件甚至啟動項目都要用它 - 沒了
3. adonis 命令行工具
終端執行adonis --help
可以看看這個工具大概都有啥功能。
image.png
小提示:
adonis [命令] --help
可以顯示具體某個命令的幫助,比如adonis new --help
? node adonis new --help #注:這里的node是文件夾名,不是命令,下同
Usage:
new <name> [options]
Arguments:
name Name of the project directory
Options:
--api-only Scaffold project for api server
--slim Scaffold smallest possible Adonisjs application
--blueprint [value] Path to github project blueprint
--branch [value] Specify git branch for project blueprint
--skip-install Do not install modules from npm
--yarn Use yarn over npm for modules installation
--dev Install the dev release
4. 創建并安裝項目
找個舒服的姿勢和舒服的路徑,終端下執行adonis new --skip-install adonis-study
,然后再cd adonis-study
進去,用cnpm install
安裝。
如果不用--skip-install
就是自動用npm
安裝了,會很慢。
結果是這樣:
image.png
生成了一堆文件夾和文件,用code .
打開,如果沒有這個命令簡書搜vscode安裝code命令
安裝。
效果是這樣:
image.png
5. 啟動
終端執行adonis serve --dev
開啟服務并監聽文件更改自動重啟服務器。
如果沒有錯誤的話終端應該能顯示服務啟動的地址和端口,瀏覽器訪問http://127.0.0.1:3333 應該就能看到你的第一個AdonisJs網站了。
image.png
6. 繼續
就這樣,看3吧