Vue的环境搭建及安装过程

本文详述了如何搭建Vue开发环境,包括使用@vue/cli创建项目,选择自定义安装选项,配置Vue版本、Babel、路由模式、预处理语言、代码检测工具等。在创建过程中,详细介绍了每个步骤的决策,如选择Vue版本、代码风格和测试工具,以帮助开发者建立完善的Vue项目结构。

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

001

1.Vue框架

创建项目:

1. 先搭建webpack环境或在老项目中进行
2. 整个项目都是vue,
  1. 使用脚手架搭建开发环境
    安装脚手架: npm install -g @vue/cli
    初始化项目命令:vue create project

步骤:

第一步, vue create 后会出现 至少3个选项,
( 第一个选项是默认安装vue2,babel,eslint
第二个选项是默认安装 vue3,babel,eslint
第三个选项 (Manually select features) 自定义安装)
在这里插入图片描述 第二步,选择自定义安装
(第一个选项 vue的版本
第二个 babel
第三个 ts 先不选
第四个 PWA 离线缓存
第五个 Router 路由
第六个 vuex 公共数据存储
第七个 css 预处理语言 (less,sass,stylus)
第八个 linter 代码监测
第九,十个 代码测试 )

评论 13
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值