vue-cli的使用(模板自定義、本地配置,eslint的配置)


  1. vue-cli(腳手架工具:幫助開發者完成基本的代碼編寫)。

  2. 功能:

    1. 目錄結構

    2. 本地調試

    3. 代碼部署

    4. 熱加載

    5. 單元測試

  3. 使用模板:

    vue init <template-name> <project-name>

    在當前目錄下生成一個 <project-name>的目錄。然后把模板目錄下的template目錄下的所有代碼放到這個生成的目錄下。

    1. 自定義github模板。我們可以搞自己的模板放到github上面 .

      vue init username/repo my-project
    2. 我們也可以使用本地pc上的模板。

      vue  init <pc上的文件路徑>  <project-name>
  4. 使用eslint(按照規則給出報告的代碼檢測工具,使用它可以避免低級錯誤和統一代碼的風格)    

    1. 配置文件 eslintrc.js.

    2. 配置示例:例如不想對單雙引號限制、不想對末尾hub的分號限制。直接賦值為0.(避免驗證過於嚴苛,大量報錯,不利於開發,合適地定義規則是有必要的)

      "rules":{
        "quotes":0,
        "semi":0,
        "arrow-parens":0            
      }


免責聲明!

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



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