NUXT.JS安裝步驟


  1. 新建文件夾,cmd

  2. npm i -g @vue/cli-init  

     //全局環境 vue/cli

  3. vue init nuxt/starter projectname    

    // vue初始化,創建項目

  4. cd projectname     //切換到項目下

  5. npm install  /  yarn    
    安依賴

  6. npm run dev  /  yarn dev  
       運行

    over!

    Nuxt.js目錄結構

    1. .nuxt   // Nuxt自動生成,臨時的用於編輯的文件,build
    2. assets   // 用於組織未編譯的靜態資源如LESS、SASS或JavaScript
    3. components   // 用於自己編寫的Vue組件,比如波動組件、日歷組件、分頁組件
    4. layouts   // 布局目錄,用於組織應用的布局組件,不可更改
    5. middleware   // 用於存放中間件
    6. pages   // 用於存放寫的頁面,我們主要的工作區域
    7. plugins   // 用於存放JavaScript插件的地方
    8. static   // 用於存放靜態資源文件,比如圖片
    9. store   // 用於組織應用的Vuex 狀態管理
    10. .editorconfig   // 開發工具格式配置
    11. .eslintrc.js   // ESLint的配置文件,用於檢查代碼格式
    12. .gitignore   // 配置git不上傳的文件
    13. nuxt.config.json   // 用於組織Nuxt.js應用的個性化配置,已覆蓋默認配置
    14. package-lock.json   // npm自動生成,用於幫助package的統一設置的,yarn也有相同的操作
    15. package.json   // npm 包管理配置文件

     


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM