使用vscode建立一个vue.js工程完整过程

本文详细介绍了如何使用Visual Studio Code(VSCode)创建一个Vue.js工程。首先,从官方链接下载并安装VSCode,然后在集成终端中全局安装vue-cli。接着,通过vue init webpack命令初始化项目,根据提示完成项目设置。最后,运行相关命令启动项目,通过浏览器预览成功创建的Vue.js工程。

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

一、安装vscode

vscode下载链接

二、在 vscode中安装、使用 Vue.js

step1  打开vscode,打开你工程将放的文件夹,我这里是想放在web1里面,所以打开它:

然后点击vscode的terminal(终端),打开集成终端:查看 –> 集成终端 或者直接按 ctrl+`

如果没有安装vue-cli,在终端输入:

npm install -g vue-cli 
全局安装vue-cli,如果安装了就跳过这步

然后在终端里面输入命令行:vue init webpack projectName,projectName换为你想要的名字。我的是mytest

然后一直按确认或输入y按确认,等待项目初始化,如下图

项目完成后,运行terminal提示的黄色字体的两段命令

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值