新建vue-cli項目完整步驟

前段時間電腦從新裝機，致使以前安裝的環境所有須要從新安裝，加上最近要寫個移動端H5項目，思來想去，仍是用vue腳手架搭建吧

沒有安裝，那就安裝下

npm install -g @vue/cli

裝的版本比較高，建立項目就須要init了

vue create my-project

接下來就開始建立咱們的項目

這裏有三個選擇

• default ([Vue 2] babel, eslint) 默認套餐，提供 babel 和 eslint 支持。

• default (Vue 3 Preview) ([Vue 3]babel, eslint) 新版本，Vue3預覽版本

• Manually select features 本身去選擇須要的功能，提供更多的特性選擇。

若是選擇默認的，等待完成後就能夠了，這裏我選擇了第三個，上下方向鍵切換選項，enter鍵選中

(https://s4.51cto.com/images/blog/202102/25/18bc009925d0637f3aee35b8c2b9dec7.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=)

vue-cli 內置支持的功能特性，能夠多選：使用空格鍵選中當前特性，對於每一項的功能，此處作![]個簡單描述：

• TypeScript 支持使用 TypeScript 書寫源碼。

• Progressive Web App (PWA) Support PWA 支持。

• Router 支持 vue-router 。

• Vuex 支持 vuex 。

• CSS Pre-processors 支持 CSS 預處理器。

• Linter / Formatter 支持代碼風格檢查和格式化。

• Unit Testing 支持單元測試。

• E2E Testing 支持 E2E 測試。

我仍是選擇2.x

路由模式，enter鍵

選擇ESLint + Prettier，enter鍵

回車

方便統一管理和入手。選擇第二個

這個本身選擇，說的意思是這個配置是否之後項目的配置

我仍是用yarn

此時已經開始初始化咱們項目

已經初始化完成，包括項目所用依賴，咱們直接運行就能夠

yarn serve

啓動完成