Vue3创建项目步骤

本文介绍了Vue3创建项目的步骤。首先要搭建环境,下载安装Node.js,用命令验证安装,再用npm全局安装Vue CLI并验证。接着创建项目,使用vue create命令,可选择预置选项,推荐选自定义选项,之后按需选择功能、Vue版本等,完成项目创建。

Vue3创建项目步骤

Vue3 项目创建之初,需要 Node.js 和 Vue CLI 的环境

一、搭建环境

  1. 下载 Node.js 并安装

    通过 node -v 命令验证安装是否成功和当前版本
    在这里插入图片描述

  2. 通过 Node 自带的包管理器 npm 全局安装 Vue CLI

    npm install -g @vue/cli
    

    通过 vue 命令验证安装是否成功
    在这里插入图片描述

二、创建项目

  1. 通过 vue create 项目名称 创建项目
    在这里插入图片描述

  2. 请选一个预置(上下键进行选择)

    第一选项:创建Vue2默认选项(当选择该项时,直接安装并跳转至第7步骤
    第二选项:创建Vue3默认选项(当选择该项时,直接安装并跳转至第7步骤
    第三选项:自定义选项(这里选择这一项)
    在这里插入图片描述

  3. 检查项目所需的功能(上下键进行选择,空格进行取消或选中)

    当选择的功能越多后续的步骤也就越多。
    在这里插入图片描述

  4. 选择Vue的版本(上下键进行选择)

    这里直接选择 3.x不要问为什么
    在这里插入图片描述

  5. Babel, ESLint等的配置放在位置(默认即可)
    在这里插入图片描述

  6. 是否将其保存为未来项目的预设

    这里选择否。
    在这里插入图片描述

  7. 创建完成
    在这里插入图片描述

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值