Vue项目搭建--1--环境配置及其安装

本文详细介绍Vue项目的基础搭建流程,包括Node.js、gitbash、VScode等环境配置,以及如何使用Vue CLI快速创建项目。此外,还介绍了VScode中Vue文件识别插件Vetur的安装与使用,以及如何在VScode中显示空格和tab符号,最后提到了HTTPS请求的封装。

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

Vue项目的基本搭建及其基本构成

1–环境配置及其安装

准备Vue项目的基础工作,需要
Node.js的安装配置: Node.js安装及环境配置之Windows篇
git bash的安装及配置、
编辑器(我选择的是VScode)。

其中需注意,
1、需把VScode的默认终端修改为bash, 方便操作,
修改 vscode 默认的终端
2、需安装插件识别 Vue文件,
在插件库里搜索Vetur,安装并重新加载。
VSCode 初次写vue项目并一键生成.vue模版

另外一些我使用的插件,
Chinese (Simplified) Language Pack for Visual Studio Code(适用于 VS Code 的中文(简体)语言包)、
ESLint、
Live Server

还有,我使用了在vscode中,显示空格和tab符号,在vscode中显示空格和tab符号

上述准备工作就绪后,开始快速创建vue项目,
vue cli 3.0快速创建项目
也可使用vue-cli可视化创建项目 ,vue-cli可视化创建项目流程

vue的项目基本搭建完成,下面是HTTPS请求的封装。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值