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



