前端开发环境搭建:新版Vue+脚手架Vue-Cli4.3安装讲解以及目录结构讲解

本文介绍了Vue作为主流前端框架的基本概念,并详细阐述了如何安装新版Vue和Vue-CLI,特别强调了在Windows环境下使用Vue-Cli创建项目的过程。此外,文章还提到了通过cdn引入Vue的方式,以及在项目中添加axios和cube-ui依赖的步骤,帮助读者快速搭建并启动Vue项目。

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

什么是Vue

目前前端最主流框架,套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合

文档地址: https://cn.vuejs.org/

建议先安装node.js和npm修改为淘宝镜像,这样在下载vue时可以节省一些时间。没有配置过的可以看我发布的博文有教程

安装新版Vue(直接使用cli)
npm install vue(可以不用)
什么是VUE-CLI

Vue提供了一个官方的CLI,为单页面应用 (SPA) 快速搭建繁杂的脚手架

安装新版Vue-CLI

注意使用管理员形式控制台

cnpm install -g @vue/cli

cnpm install -g @vue/cli-init

安装好两个命令后输入vue查看是否安装好

在这里插入图片描述

使用Vue-Cli创建项目

测试项目,验证vue环境

选择y后回车,会持续下载包

vue create my-project

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值