1.右键用来存放项目的空文件夹, 选择用 vscode 打开
2.打开终端
在 vscode 界面的左上角点击三个点，选择终端->新建终端
3.创建项目
在终端中输入
npm create vue@latest
接下来, 终端会叫你输入项目名(记一下,下一步会用到)和包名, 还有一些选择项
◇ 请选择要包含的功能： (↑/↓ 切换，空格选择，a 全选，回车确认)
反正都不懂, 我直接按a全选了
◇ 选择一个端到端测试框架： (↑/↓ 切换，回车确认)
官方默认推荐Playwright
◇ 跳过所有示例代码，创建一个空白的 Vue 项目？
建议选择同意, 方便检查是否创建成功.
4.进入当前项目目录 (因为后面的指令都要在当前项目地址内执行, 不然会报错)
在终端中输入
cd 项目名(在步骤3中,创建项目时你输入的名字)
5.运行示例网站
先在终端中执行下列指令 (不然后面执行其它指令时, 容易报错)
npm install
然后在终端执行
npm run dev
这时终端会弹出一些信息
点击 Local 右边的链接, 会跳转到浏览器中
➜ Local: http://localhost:5173/
6.运行成功
当在浏览器中看到 You did it!, 即说明创建成功.
7.安装 Vue (Official)插件
左边的插件商店中搜索并安装 Vue (Official) 插件, 不然你敲的代码没有颜色提示, 也没有自动补全.
问题-显示白屏的可能原因
可能是在入口 main.js 中设置时出现错误; 比如
app.mount('#app');
app.use(Antd).mount('#app');
此时相当于重复挂载页面, 导致出现白屏. 只用保留 app.use(Antd).mount('#app') 就好了.