1、打开终端,输入以下命令:vue --version,查看Vue版本,以下是我的版本

2、终端执行命令:

vue create wh01-project

PS:如果出现报错,根据报文信息可知道是权限问题,终端执行以下代码可解决(可从报错报文获取):

sudo chown -R 501:20 "/Users/自己目录名/.npm"

接下来重新执行创建命令,上下箭头选择Overwrite选项,回车键覆盖上次创建项目,出现以下界面,通过上下箭头选择下图自定义创建项目,按回车键进入下一步

3、通过空格键选择目标选项,勾选1、4、5、6,去掉7选项

4、回车键,选择Vue版本为3

5、是否使用history历史路由模式,yes表示使用历史路径模式,no表示使用哈希模式,历史路径需要后端配合,哈希模式不需要,一般我们自己创建项目时选择哈希路由,所以我这里输入n

6、选择 CSS 预处理器,我们选择第一个

7、选中插件配置文件是否独立,我们选择以下单独生成专门的文件来保存插件的配置代码

8、预设路径(选项)是否保存,输入 y ,下次可直接使用预设创建项目,如果不嫌麻烦可以不用保存预设,我选择n,以下是我所有的设置

9、创建成功后会显示以下界面

10、终端执行命令:npm run serve ,启动该项目,出现以下表示启动成功

11、按住Ctrl,鼠标左击http打开链接,出现以下界面即为成功,打开终端,按Ctrl+c强制关闭项目

Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐