使用vue/cli創(chuàng)建VUE項目

[TOC]

1. 安裝VUE

npm install vue

2. 安裝VUE腳手架

npm i -g @vue/cli

3. 創(chuàng)建VUE項目

# 創(chuàng)建 vue2項目
vue create 項目名

## 項目名要求
1. 項目名稱不能包含大寫字母。
2. 項目名稱不能以數(shù)字開頭。
3. 項目名稱不能包含空格或特殊字符(可以使用短橫線-)
創(chuàng)建vue項目
  • default(vue3 babel,eslint):默認設置(直接enter)非常適合快速創(chuàng)建一個新vue3項目的原型,沒有帶任何輔助功能的 npm包

  • default(vue2 babel,eslint):默認設置(直接enter)非常適合快速創(chuàng)建一個新vue2項目的原型,沒有帶任何輔助功能的 npm包

  • Manually select features:自定義配置(按方向鍵 ↓)是我們所需要的面向生產(chǎn)的項目,提供可選功能的 npm 包

3.1 默認創(chuàng)建vue項目

默認創(chuàng)建vue項目

3.2 自定義創(chuàng)建vue項目

  1. Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)
  2. ( ) Babel //轉(zhuǎn)碼器,可以將ES6代碼轉(zhuǎn)為ES5代碼,從而在現(xiàn)有環(huán)境執(zhí)行。
  3. ( ) TypeScript// TypeScript是一個JavaScript(后綴.js)的超集(后綴.ts)包含并擴展了 JavaScript 的語法,需要被編譯輸出為 JavaScript在瀏覽器運行,目前較少人再用
  4. ( ) Progressive Web App (PWA) Support// 漸進式Web應用程序
  5. ( ) Router // vue-router(vue路由)
  6. ( ) Vuex // vuex(vue的狀態(tài)管理模式)
  7. ( ) CSS Pre-processors // CSS 預處理器(如:less、sass)
  8. ( ) Linter / Formatter // 代碼風格檢查和格式化(如:ESlint)
  9. ( ) Unit Testing // 單元測試(unit tests)
  10. ( ) E2E Testing // e2e(end to end) 測試
自定義創(chuàng)建

常用選項及創(chuàng)建成功

常用選項及創(chuàng)建成功

4. 運行項目

npm run serve

5. 打包項目

npm run build
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容