Vue开发实战01-创建基础项目,包管理使用yarn

本文是Vue开发实战系列的第一篇,介绍了Vue.js的基础,包括Vue2与Vue3的选择,详细讲解了如何安装Vue 3,特别是通过npm和CLI的方式。此外,还引入了包管理工具yarn的安装与使用,指导读者创建Vue3项目,包括项目初始化、启动和打包流程。最后预告将探讨路由router和axios的配置。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

开发实战系列01

1、vue.js介绍:

vue是一个用于创建用户界面的开源渐进式JavaScript框架,是目前市面上比较流行的前端框架之一。vue的开发者是中国人,在国内项目中使用的地方比较多。对于一个大前端来说,几乎是必学的东西;

2、vue版本:

目前在用的版本主要是Vue2,但vue最新的版本是Vue3。可以根据情况选择版本;建议选择Vue 3;

3、安装Vue 3:

Vue的安装方式有多种,最常用的是npm安装和CLI方式安装;

npm是包管理工具;使用npm需要安装Node.js; Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎。是一个JavaScript运行时环境;Node.js让前端开发也能进行后端的开发;官网地址是:https://nodejs.org/zh-cn/;关于Node.js的详细介绍请参考官网;

安装完Node.js后,打开命令行窗口,执行 npm install vue@next 命令安装vue;

CLI安装方式:CLI是command-line interface的缩写,意思是命令行界面;Vue 提供了一个官方的CLI;

前提也是需要安装node.sj; 在命令行界面执行命令: npm install -g @vue/cli;CLI是一个全局安装的 npm 包,提供了命令vue,用于创建vue项目;通过简单运行 vue,来验证它是否安装成功;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

liangblog

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值