使用CLI2 : vue-cli

vue-cli是針對構建vue的腳手架CLI2，只能新建vue2工程。
全局安裝vue-cli之后，構建vue2項目的格式為：
vue init 構建方式 project_name：比如以下5種構建方式

vue init webpack project
vue init webpack-simple project
vue init browerify project
vue init browerify-simple project
vue init simple project

其中，以選用webpack的構建方式較多，vue init webpack project
（項目名不要出現大寫字母！）

構建過程：

構建結果：

使用CLI3 : @vue/cli

vue-cli是針對構建vue推出的腳手架CLI3，可以快捷構建vue2或者vue3的工程。
全局安裝@vue/cli之后，構建vue項目的格式為：

vue create projectname

構建過程：

可選vue2 或者vue3的默認配置，也可以手動配置 。
一般我們選擇手動配置，這樣更加可以更符合我們的項目開發需求：
選用配置：

選擇vue版本：

選擇預處理器：

等等…最后你的這次配置可以保存，下次可以使用

最后，對于用CLI2和CLI3構建vue中可能報錯的情況，可以參考我的另一篇博客：
Vue-cli新建工程以及報錯處理

使用 vue@3構建 （內置Vite）

npm安裝vue@3之后：

npm init vue@3

新建過程：

構建結果：

看package.json可以發現這正是用Vite構建的，這也是Vue3官方推薦的構建方式

直接使用Vite

下面是直接用Vite構建vue工程的方法：
需要node>18 ，且npm i vite安裝之后

npm create vite 

構建過程：

構建結果：

Vite中可供選擇的框架：

使用parcel (最少配置方案)

Parcel 對 Vue 支持是開箱即用的。
parcel官網：https://parceljs.org/