Vue3创建项目方式及步骤

一、使用vue-cli创建

1、文档链接为：https://cn.vuejs.org/guide/quick-start.html#creating-a-vue-application

2、使用的语句有：

npm install -g @vue/cli        ======之前已安装

vue --version                       ======确保版本在4.5.0以上

vue create 项目的名称

选择 Manua select features  

选上 TypeScript（空格选上） 回车

选择 3.X

之后一直回车即可

npm run serve                     ======运行

3、成功的界面为：

 

二、使用vite创建

1、文档链接为：https://cn.vuejs.org/guide/introduction.html

2、优点：

做到了本地快速开发启动，在生产环境下基于Rollup打包；

快速的冷启动，不需要等待打包操作；

及时的热模块更新，替换性能和模块数量的解耦让更新飞起；

真正的按需编译，不再等待整个应用编译完成，这是一个巨大的改变。

3、使用的语句为：

npm install -g create-vite-app

npm init vite-app 自己项目的名字

cd 项目的名字

npm install

npm run dev

4、成功的界面：