目錄
一.vue-cli腳手架·概述（來源于官方文檔）
二.創(chuàng)建流程
2.1 首先安裝node.js，如未安裝請移步到：安裝node.js
2.2 安裝腳手架vue-cli
2.2.1 使用npm install -g @vue/cli命令
?2.2.1 使用vue -V 查看版本并檢驗(yàn)是否安裝成功
?2.3 安裝vue項(xiàng)目
2.3.1 使用命令 vue create 項(xiàng)目名
?編輯?2.3.2 這里我們主要來選擇一下??Manually select features?（光標(biāo)鍵控制）
按需選擇（字段說明）：
???2.4 創(chuàng)建成功
2.4.1 運(yùn)行結(jié)果
一.vue-cli腳手架·概述（來源于官方文檔）
Vue CLI 是一個用于快速 Vue.js 開發(fā)的完整系統(tǒng)，提供：
- 交互式項(xiàng)目腳手架通過 .
@vue/cli- 運(yùn)行時依賴項(xiàng) （），即：
@vue/cli-service
- 可升級;
- 構(gòu)建在 webpack 之上，具有合理的默認(rèn)值;
- 可通過項(xiàng)目內(nèi)配置文件進(jìn)行配置;
- 可通過插件擴(kuò)展
- 豐富的官方插件集合，集成了前端生態(tài)系統(tǒng)中最好的工具。
- 一個完整的圖形用戶界面，用于創(chuàng)建和管理 Vue.js 項(xiàng)目。
Vue CLI 旨在成為 Vue 生態(tài)系統(tǒng)的標(biāo)準(zhǔn)工具基線。它確保各種構(gòu)建工具與合理的默認(rèn)值一起順利運(yùn)行，因此您可以專注于編寫應(yīng)用程序，而不是花費(fèi)數(shù)天時間爭論配置。同時，它仍然提供了調(diào)整每個工具配置的靈活性，而無需彈出。
二.創(chuàng)建流程
2.1 首先安裝node.js，如未安裝請移步到：安裝node.js
2.2 安裝腳手架vue-cli
2.2.1 使用npm install -g @vue/cli命令
npm install -g @vue/cli
?2.2.1 使用vue -V 查看版本并檢驗(yàn)是否安裝成功
vue -V
?2.3 安裝vue項(xiàng)目
2.3.1 使用命令 vue create 項(xiàng)目名
?2.3.2 這里我們主要來選擇一下??Manually select features?（光標(biāo)鍵控制）
按需選擇（字段說明）：
- (x) Babel 一一轉(zhuǎn)碼器，可以將 ES6 代碼轉(zhuǎn)為 ES5 代碼，從而在現(xiàn)有環(huán)境執(zhí)行?！窘ㄗh選擇】
- ( ) TypeScript 一一 TypeScript 是一個 JavaScript 的超集，包含并擴(kuò)展了 JavaScript 的語法，需要被編譯輸出為 JavaScript 在瀏覽器運(yùn)行。初學(xué)者不建議選擇。
- () Progressive Web App (PWA) Support 一一 漸進(jìn)式 Web 應(yīng)用程序。
- (x) Router 一一vue-router（Vue 路由）【建議選擇】。
- () Vuex 一一 vuex（Vue 的狀態(tài)管理模式）。
- () CSS Pre-processors一一 CSS 預(yù)處理器（如：Less、Sass）
- (x) Linter / Formatter 一一代碼風(fēng)格檢查和格式化（如：ESLint）【建議選擇】
- ( ) Unit Testing 一一 單元測試
- ( ) E2E Testing 一一 E2E（端到端）測試。根據(jù)你的具體需求和項(xiàng)目要求進(jìn)行選擇。
2.3.3 選擇vue版本（vue3兼容vue2語法）
?2.3.4 選擇配置文件存放的位置
In dedicated config files? ? ?專用配置文件
In package.json? ? ? ? ? ? ? ? ?在package.json文件? ?【建議選擇】
2.3.4 是否將此次的選項(xiàng)保存作為預(yù)設(shè)
?2.4 創(chuàng)建成功
cd myapp 進(jìn)入項(xiàng)目
npm run serve 運(yùn)行項(xiàng)目
文章來源：http://www.zghlxwxcb.cn/news/detail-732416.html
2.4.1 運(yùn)行結(jié)果
文章來源地址http://www.zghlxwxcb.cn/news/detail-732416.html
到了這里，關(guān)于關(guān)于基于vue-cli腳手架創(chuàng)建vue項(xiàng)目（圖文版）的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
