我们提供安全,免费的手游软件下载!

安卓手机游戏下载_安卓手机软件下载_安卓手机应用免费下载-先锋下载

当前位置: 主页 > 软件教程 > 软件教程

Vue 项目创建指南

来源:网络 更新时间:2024-04-18 04:30:32

一、前期准备

  • 确保在电脑上已安装了node.js。可以通过命令 npm --version 进行查询,如果显示了版本号,则说明已安装。如果提示 npm 不是内部或外部命令,也不是可运行的程序 ,则说明未安装。可以前往官网下载并进行安装。
  • 确保已安装Vue CLI。可以通过命令 vue --V 查看版本号,如果返回了版本号,则说明已安装。如果提示 vue 不是内部或外部命令,也不是可运行的程序 ,则说明未安装Vue CLI。可以使用命令 npm install -g @vue/cli 进行安装。

二、创建Vue项目

在命令行窗口输入命令 vue create [web名称] 后,点击回车(Enter)键。进入如下界面:

可以使用方向键上/下进行选项选择。本文基于Vue3的项目创建,因此直接点击 回车(Enter)键 ,即可进行项目创建。

等待操作完成后,通过 cd 目录路径 命令,再输入 npm run serve ,将出现如下界面,表示站点已正常运行。

此时在浏览器地址栏中输入界面上的地址,即可访问web。如下图:

三、可能存在的问题及解决方案

  • 证书过期
    问题:安装Vue CLI时提示证书过期。

    解决方案:因淘宝原镜像地址 https://registry.npm.taobao.org 已过期,现已变更为 https://registry.npmmirror.com 。可使用命令 npm config set registry https://registry.npmmirror.com 进行镜像地址更换。
  • 包名无效
    问题:创建项目时,提示项目名称无效。

    解决方案:项目名称不能包含大写字母。