vue cli3.x創建項目

1.vue create 項目名稱

  • default (babel, eslint) 默認配置
  • Manually select features 手動選擇配置

在這裏插入圖片描述
2.選擇手動選擇配置,手動配置項如下,上下箭頭切換,空格鍵選中選項

  • 1.Babel:轉譯成瀏覽器可識別的語言,讓項目支持更新的語法,如es6\es7等
  • 2.Linter / Formatter:代碼規範

在這裏插入圖片描述
3.選擇eslint代碼配置

  • ESLint + Prettier: 更漂亮,heml,js,css,都會檢查

在這裏插入圖片描述
4.什麼時候進行代碼檢測

  • Lint on save 保存就檢測
  • Lint and fix on commit (requires Git) fix 和 commit 的時候檢查
    在這裏插入圖片描述
    5.babel, postcss, eslint 這些配置文件放哪?
  • In dedicated config files 放獨立文件放置
  • In package.json 放package.json裏

在這裏插入圖片描述
6.是否將以上這些將此保存爲未來項目的預配置嗎 ?
Save this as a preset for future projects? (y/N)
在這裏插入圖片描述
7.開始下載模板
在這裏插入圖片描述
如果本篇文章對你有幫助的話,很高興能夠幫助上你。

當然,如果你覺得文章有什麼讓你覺得不合理、或者有更簡單的實現方法又或者有理解不來的地方,希望你在看到之後能夠在評論裏指出來,我會在看到之後儘快的回覆你。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章