1 VueCLi脚手架的安装

Home | Vue CLI (vuejs.org)

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

3 Vite脚手架的安装 

Vite | 下一代的前端工具链

4 使用的软件        

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 项目，执行以下代码：

# create-vite-app <project name>
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  输入上面指令