Vue cli2項目初始化

Vue CLI2詳解

• Vue CLI2初始化項目

1. vue init webpack my-project
   • 初始化命令，據你用的文件名創建一個文件夾，存放之后項目的內容
   • 該名稱也會作為默認的項目名稱，但是不能包含大寫字母等
2. ? Project name (my-project)
   • 項目名稱不能包含大寫
   • 默認(回車)將上一個文件名作為項目名稱
3. ? Project description (A Vue.js project)
   • 作者的名稱
   • 默認(回車)從git中讀取信息
4. ? Author (xiaoqiang <[e-mail]>)
   • 作者的郵箱
     • 默認(回車)從git中讀取信息
5. > Runtime + Compiler: recommended for most users
   • 如果在之后的開發中，你依然使用template，就需要選擇Runtime-Compiler
   • 如果你之后的開發中，使用的是.vue文件夾開發，那么可以選擇Runtime-only
6. ? Install vue-router? (Y/n)
   • 是否安裝vue-router(路由)
7. ? Use ESLint to lint your code? (Y/n)
   • ES6Lint檢測代碼規范
8. ? Set up unit tests (Y/n)
   • 單元測試
     • 某些公司強制要求要學單元測試
9. ? Setup e2e tests with Nightwatch? (Y/n)
   • e2e測試(end to end)
     • 安裝Nightwatch,是一個利用selenium或webdriver或phantomjs等進行自動化檢測的框架

10. ? Should we run `npm install` for you after the project has been created? (recommended) (Use arrow keys)
    > Yes, use NPM
      Yes, use Yarn
      No, I will handle that myself
    

    • 選擇yarn或者npm安裝都可以

• 項目目錄詳情結構

• build文件夾及config文件夾

  • webpack相關配置

• node_modules文件夾

  • 依賴node相關的模塊

• src文件夾

  • 寫代碼的地方

• .babelrc文件

  • ES代碼相關轉化配置

• .editorconfig文件

  • 項目文本相關配置

• .gitignore文件

  • Git倉庫忽略的文件夾配置

• .postcssrc.js文件

  • CSS相關轉換的配置