-
新建文件夾,cmd
-
npm i -g @vue/cli-init
//全局環境 vue/cli
-
vue init nuxt/starter projectname
// vue初始化,創建項目
-
cd projectname //切換到項目下
-
npm install / yarn
安依賴 -
npm run dev / yarn dev
運行
over!Nuxt.js目錄結構
- .nuxt // Nuxt自動生成,臨時的用於編輯的文件,build
- assets // 用於組織未編譯的靜態資源如LESS、SASS或JavaScript
- components // 用於自己編寫的Vue組件,比如波動組件、日歷組件、分頁組件
- layouts // 布局目錄,用於組織應用的布局組件,不可更改
- middleware // 用於存放中間件
- pages // 用於存放寫的頁面,我們主要的工作區域
- plugins // 用於存放JavaScript插件的地方
- static // 用於存放靜態資源文件,比如圖片
- store // 用於組織應用的Vuex 狀態管理
- .editorconfig // 開發工具格式配置
- .eslintrc.js // ESLint的配置文件,用於檢查代碼格式
- .gitignore // 配置git不上傳的文件
- nuxt.config.json // 用於組織Nuxt.js應用的個性化配置,已覆蓋默認配置
- package-lock.json // npm自動生成,用於幫助package的統一設置的,yarn也有相同的操作
- package.json // npm 包管理配置文件