使用vscode创建vue3项目【真保姆级教程】

注：node啥的提前安装好，就不在这里演示了

1、创建空文件夹

创建一个空文件夹用来存放vue项目

2、vscode打开

打开文件夹

选择刚刚创建的空文件夹

3、创建项目

终端控制台输入命令，注意项目名不能包含大写，可以有下划线

vue create oasystem
# vue create "项目名"

此时有人不知道怎么打开控制台（不会吧不会吧，难道只有我不知道）

将鼠标放在这个位置，当鼠标从输入变成拖动后，向上拖，控制台就打开啦

输入刚才的命令后可能会报错（因为我报错了），报错信息如下

解决办法：

安装Vue CLI

npm install -g @vue/cli

如下图安装成功，重新执行命令

此时发现，又报错了，报错信息如下

错误是因为 PowerShell 的执行策略限制了脚本的运行。可以通过更改执行策略来解决这个问题

搜索PowerShell，右键点击 PowerShell 图标，选择“以管理员身份运行”。

打开后输入下面的命令

Set-ExecutionPolicy RemoteSigned -Scope CurrentUser

现在再回到vscode执行创建命令，发现终于不报错了

? Please pick a preset:
  Default ([Vue 3] babel, eslint)
> Default ([Vue 2] babel, eslint)
  Manually select features

此时使用小键盘的箭头上下移动选择

Default ([Vue 3] babel, eslint)

，然后按回车键。

等待项目创建，成功效果如下

项目创建完成后，进入项目目录

cd oasystem

使用以下命令启动

npm run serve

4、访问测试

打开浏览器，访问

http://localhost:8080

，你应该会看到 Vue 3 项目的默认页面。

好了，现在可以做一些其他操作了