PowerShell搭建vue起始项目

最编程 2024-02-16 13:29:50

...

搜索PowerShell,以管理员身份运行。
在这里插入图片描述

复制文件夹路径

cd 到这个文件夹位置
在这里插入图片描述

命令行创建项目：vue create 项目名
这里写自己的项目名就行，我写的yeb
vue create yeb
在这里插入图片描述

创建成功后是这样的

有颜色的就是选中的，方向键上下选择，这里我选择的是最下边的Manually开头的，然后回车。

补充：有时可能会出现报错信息，大概意思是说系统禁止运行这样的脚本。
在这里插入图片描述

如果出现这个报错，就运行这个命令，然后选择Y就行了，如上图

set-ExecutionPolicy Remotesigned
# 选择Y

上下键选择，空格键选中（有星号标识就是选中的），这里我只选了两个，然后回车
在这里插入图片描述

这里我选的3，可以根据自己的需要选中2，也有的根本不提示这个选项
在这里插入图片描述

是否使用history模式，我选的n,
存储的位置选的 In package.json,
是否作为模板，也选的n,
然后回车，这个时候需要时间等一下
在这里插入图片描述

创建成功后会有cd yeb和npm run serve这两行
在这里插入图片描述

根据提示，测试下是否创建成功
在这里插入图片描述

回车后，相当于启动了一个项目
在这里插入图片描述

访问本地路径http://localhost:8080/，如果出现以下界面，说明创建成功
在这里插入图片描述

至此，vue起始页面创建成功。

全面讲解Vue项目启动流程：从零开始搭建Node.js运行环境详细步骤