vscode 通过 脚手架 创建vue项目

• 安装vite

要使用 Vite 来创建一个 Vue 项目，非常简单：

$ npm init vue@latest

（vite官网：vite）

安装之后 通过：

vue --version

来判断是否安装成功。

出现vue/cli +版本号 说明安装成功。

• 2.创建项目

vue create vue-demo//项目名称  ** 项目名称里不能有大写!

**注 在控制台中 用⬆和⬇来选择选项 用空格选择是否选中选择

上图中 前两个为自动选择版本 第三个为手动选择 我们选择第三个 回车

这里是选择项目需要的功能

这里选择第一个和第三个 ：

回车

进入vue版本选择：

我们选择3，回车：

选择配置文件放在那里

选择第一个 默认 回车：

是否保存这种预设 在下次还能使用之前过程中的这种选择？

我们选择 N 回车：

进入自动安装过程：

安装完成后

会提示：

 $ cd vue-demo1//进入根目录 
 $ npm run serve// 运行服务 

一行一行跟着打

项目就启动起来了，点击蓝色的网址 就能进入预览了。

说明项目启动成功！( •̀ ω •́ )y