相信9月18日尤大大的關於vue3.0的發表演講大家一定有所關注,現在vue3.0 也已經進入rc階段（最終產品的候選版本，如果沒有問題則可發布成為正式版本）。所以vue3.0的學習是我們必然的趨勢，今天，主要分享一下vue3.0的詳細搭建過程，希望可以為初入vue3的小夥伴有所幫助。我們現在開始進入今天的主題啦~~
如果你現在正在用舊版的vue-cli1.x或者vue-cli2.x需要先進行解除安裝；如果沒有，請忽略此步驟
npm uninstall vue-cli -g
複製**
// 安裝最新版的vue-cli
npm install -g @vue/cli
// 檢視版本號
vue -v
複製**
vue create my-demo
複製**
newts : 在專案建立完成的最後，會詢問你需不需要保持本次配置，方便下次直接使用;這個newts就是我之前儲存好的乙個預設配置
default：預設的預設配置，會快速構建乙個專案，提供了babel和eslint的支援
複製**
通過上下鍵進行配置項切換，對需要選擇的配置項使用空格鍵進行選中/反選
babel：使用babel，便於將我們源**進行轉碼（把es6=>es5）
typescript：使用typescript進行原始碼編寫，使用ts可以編寫強型別js，對我們的開發有很大的好處
router：使用vue-router
vuex：使用vuex狀態管理器
css pre-processors：使用css預處理器，比如：less，sass等
linter/formatter：使用**風格檢查和格式化
unit testing：使用單元測試
e2e testing：使用e2e測試, end to end（端到端）是黑盒測試的一種
複製**
是否使用class（類）風格裝飾器, 即通過export default class home extends vue{} 建立vue例項使用babel做轉義, 與typescript一起用於自動檢測
路由模式, 是否選擇history模式，啟用history模式，專案build之後，可能會出現開啟頁面空白的情況哦
選擇一種css 預處理器, 在這裡我選擇less
選擇一種**格式化檢測工具
tslint: ts格式檢驗工具
eslint with error prevention only: eslint 只會進行錯誤提醒
eslint + airbnb config: eslint airbnb標準
eslint + standard config: eslint standard 標準
eslint + prettier: eslint（**質量檢測）+ prettier（**格式化工具）
複製**
**檢查方式: 儲存時檢查 or 提交時檢查; 我選擇, 儲存時檢查
選擇一種單元測試的方案，目前vue官方推薦也是jest, 相比而言, 配置簡單容易上手, 建議選擇jest啦
babel, postcss, eslin等配置檔案怎麼存放, 是放到單獨的配置檔案中?還是package.json裡? 這裡方便配置清晰好看, 我選擇每個配置單獨檔案。
是否需要儲存當前配置，在以後的專案中可快速構建? 儲存後, 後續建立專案時可以直接選擇該配置, 不需單獨配置
關於vue.config.js 的配置我會單獨寫一篇文章進行分享
cd my-demo
npm run serve
複製**
vue 乙個前端專案的完整環境搭建
前提 已安裝好node.js和vue cli 1 搭建專案 vue init webpack 專案名稱 2 安裝依賴 把用到的先安裝上 3.在src assets新建less資料夾，其下新建公共樣式檔案base.less，以下僅供參考 html body,html a ul ol li s,i,em...
如何快速搭建乙個完整的移動直播系統？
如何快速搭建乙個完整的移動直播系統？原文連線 1 採集 在這個環節主要處理美顏 水印 模糊等效果。美顏功能幾乎是直播的標配功能。我們調研中發現太多case是因為沒有美顏功能被拋棄使用的。另外國家明確提出了，所有直播都必須打有水印並回放留存15天以上。美顏實際上是通過演算法去識別影象中的 部分，對 區...
如何用vue cli快速搭建乙個vue專案
如何用vue cli快速搭建乙個vue專案 vue cli是vue的腳手架。腳手架就是工地上為了保證各施工過程順利進行而搭設的工作平台，vue cli用來快速搭建乙個vue專案。我在桌面建立乙個vuetest資料夾，然後用vs code開啟該資料夾 ctrl 加 鍵開啟終端,輸入npm v 檢視no...