【Vue学习笔记】Vue入门:项目与环境构建

一、安装npm和node.js: Vue3项目构建需要使用npm和node.js作为依赖管理工具和执行环境,因此需要先安装npm和node.js。

Node官网
下载node

二、安装Vue CLI 3:Vue CLI 3是Vue的一个官方命令行工具,用于创建和管理Vue项目,因此需要先安装Vue CLI 3。

npm install -g @vue/cli

执行指令

三、创建Vue项目:使用Vue CLI 3可以快速生成Vue项目的基础结构,可以选择使用Vue CLI 3提供的默认设置,也可以根据自己的需要进行自定义设置。

vue create <project-name>

project-name为项目名称,可以自己设定。
构建项目

四、运行和打包:完成初始化配置后,可以进行开发并测试项目。在Vue CLI 3中,可以使用以下命令进行项目运行和打包:

运行项目:

npm run serve

在这里插入图片描述
在这里插入图片描述

备注:需要进入到对应的项目目录下运行。

打包项目:

npm run build

在这里插入图片描述

备注:需要进入到对应的项目目录下运行。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值