web前端环境搭建以及vue-cli搭建启动vue项目

本文介绍前端开发中常用的三个工具:编辑器、量图工具和Git工具的使用方法,以及Vue项目的搭建流程,包括node.js的下载、vue-cli的安装、项目结构的生成、依赖包的安装和项目的启动。

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

三个工具:(根据个人喜好自由选择)

1.一个编辑器:vs code/notepad++/ hBuilder

2.一个量图工具:ps

3.一个git工具:先下载git,再下载tortoisegit

可以在腾讯软件中心下载选择普通下载,可以减少乱七八糟软件的自动安装

vue-cli脚手架的搭建

1.先下载node.js

2.安装vue-cli:cmd打开黑框输入npm install   -g vue-cli

3.生成vue项目形成基本结构:vue init webpack  项目名

(1)在d盘新建文件夹content;

(2)在黑框输入d:按enter键进入d盘;

(3)输入cd content 按enter进入content文件夹

(4)vue init webpack  test 生成名为test的vue项目

4.安装依赖包:npm install

5.启动项目:npm run dev

 

转载于:https://www.cnblogs.com/xiyuyizhihua/p/10745100.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值