1. 準備
- 我用nvm來安裝NodeJs 8，參考 簡書上的nvm教程
- 再裝了個淘寶的
cnpm，安裝cnpm命令行版本之前遇到過一些奇怪問題，所以現(xiàn)在我只用別名版本了，參考 淘寶NPM鏡像 - 編輯器用的 Visual Studio Code（終于可以放心告別D版的PHPStorm了和收費的Sublime了）
- 終端用的iTerm2 + zsh，具體怎么配置的我也忘了，簡書上一大堆教程。
2. 安裝 (官網(wǎng)教程)
- 終端執(zhí)行
cnpm i -g @adonisjs/cli安裝AdonisJs的命令行工具，以后創(chuàng)建項目、生成文件甚至啟動項目都要用它 - 沒了
3. adonis 命令行工具
終端執(zhí)行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. 創(chuàng)建并安裝項目
找個舒服的姿勢和舒服的路徑，終端下執(zhí)行adonis new --skip-install adonis-study，然后再cd adonis-study進去，用cnpm install安裝。
如果不用--skip-install就是自動用npm安裝了，會很慢。
結(jié)果是這樣：
image.png
生成了一堆文件夾和文件，用code .打開，如果沒有這個命令簡書搜vscode安裝code命令安裝。
效果是這樣：
image.png
5. 啟動
終端執(zhí)行adonis serve --dev開啟服務(wù)并監(jiān)聽文件更改自動重啟服務(wù)器。
如果沒有錯誤的話終端應(yīng)該能顯示服務(wù)啟動的地址和端口，瀏覽器訪問http://127.0.0.1:3333 應(yīng)該就能看到你的第一個AdonisJs網(wǎng)站了。
image.png
6. 繼續(xù)
就這樣，看3吧
