創建項目（慣用yarn）

 npx create-nuxt-app {項目名稱}

安裝過程中選了如下配置

image.png

如果有哪兒選的不對，歡迎及時糾正。

安裝完畢。

啟動項目

yarn dev

完事提示我

Listening on: http://localhost:3000/
把http://localhost:3000/ 粘到瀏覽器地址欄就能看見項目了。

項目結構（順序是按當前在我的vscode里的順序）

.nuxt //置灰文件夾，猜測是nuxt的轉化文件目錄
components //組件存放目錄
components/NuxtLogo.vue //默認里面有個svg的組件
components/Tutorial.vue //默認直接在index.vue里引用的組件
node_modules //依賴包
pages //頁面存放目錄
pages/index.vue //默認文件，直接展示Tutorial.vue組件的內容
plugins //應該是存放配置的相關文件
plugins->element-ui.js //引入并掛載了elementui，還引入了一個en的包，猜測是語言包
static //存放靜態文件
static/favicon.ico //nuxt的官方logo
store //看名字是vuex的文件存放目錄
store/README.md //一個備注文件，聲明store要不要都行，要是加上了vuex里的文件就自動開啟vuex功能，無需額外安裝
.editorconfig //開發的配置，聲明了權限還有語言、規則，別的沒看懂
.eslintcache //沒太看懂，里面串json數據，看名字像是eslint的緩存文件
.eslintrc.js //語法檢查和格式化的配置文件
.gitignore //git配置忽略文件
.prettierrc //沒看懂是啥，里面就兩個key的json
nuxt.config.js //nuxt的配置文件
package.json //依賴包管理和運行配置文件
README.md //項目相關的命令文件和一些文件的備注，都是英文，回頭翻譯一下詳解
stylelint.config.js //看著是關于樣式格式的配置文件，安裝過程中有選安裝stylelint，為了代碼美觀選的，具體作用待確定

要做一個掛在生產環境的項目，還是要快速開發和能夠跟調接口的，下一篇文章會講nuxt+less的使用方式，官網有講sass，我個人習慣用less，所以還是尊重我自己的愛好。