Vue3框架的创建的两种种方案(第十二课)

1 VueCLi脚手架的安装

Home | Vue CLI (vuejs.org)

使用方法 | Yarn 中文文档 (bootcss.com)

2 Vite脚手架的安装

Vite | 下一代的前端工具链

3 使用的软件        

1. Visual Studio Code
   
2. webstorm64.exe
   
3. IntelliJ IDEA 2022.2.3
   
4. HBuilder X

方案一 VueCLi脚手架的安装

1 创建的项目名称

vue create day1202

2  按下 Enter回车

3 按下 Enter回车 选择你要开发的需要的环境配置

4 按下 Enter回车 选择你要开发的Vue开发的版本号

5 按下 Enter回车 选择你要开发的Cofig环境

6 按下 Enter回车

7  按下 Enter回车

8 按下 Enter回车

9 按下 Enter回车

项目运行成功

方案二  Vite脚手架的安装 webstorm软件示范

1 安装 Vite

也可使用 yarn 进行安装，本篇基于 npm 进行。

在任意位置终端执行如下代码：

npm install -g create-vite-app

2  创建项目

创建基于 vite 的 vue3 项目，执行以下代码：

1. # create-vite-app <project name>
2. create-vite-app vite

3  依次执行如上提示的三条命令，它们分别是定位到该目录、安装依赖、编译运行：

cd vite
npm install
npm run dev

4 定位到该目录、安装依赖

方案三  Yarn的安装 示范

安装 | Yarn 中文文档 (bootcss.com)

1 通过 npm 安装

当你在系统上安装Yarn时，建议通过npm包管理器安装Yarn，它与Node捆绑在一起.js。

安装 npm 后，您可以运行以下命令来安装和升级Yarn：

npm install --global yarn

2  输入上面指令