【vue】如何通过vue-cli(vue脚手架)在cmd新建一个vue工程

本文详细介绍了如何在命令行(CMD)环境下使用Vue CLI创建一个新的Vue.js项目,包括项目初始化、选择配置项、安装依赖及启动项目的过程。适用于前端开发者快速搭建Vue开发环境。

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

【vue】如何在cmd新建一个vue工程

1. 首先打开cmd,通过cd命令转到建立工程所在的文件夹
在这里插入图片描述
2. 通过vue命令生成指定项目名的工程
在这里插入图片描述
3. 输入项目名称(默认my_project(回车确认))
4. 项目类型描述(默认vue)
5. 项目作者
6. Vue build standalone 默认Standalone(运行时 + 编译器)模式
7. install vue-router 是否安装vue动态路由匹配
8. Use ESLint to lint you code 是否使用ESLint语法检查工具
9. Setup unit test 是否建立单元测试
10.Setup e2e tests with NIghtwatch(end to end前端自动化测试)

(我的演示程序都没选择,以实际项目需要为准)
在这里插入图片描述
11. 完成之后,项目在指定文件夹中就能找到了
在这里插入图片描述
在这里插入图片描述
12. 安装依赖(因为笔者以及提前安装了淘宝镜像,所以我们从cnpm中将依赖安装在指定项目目录中)
在这里插入图片描述
这个时候,工程文件中多出来了一个文件夹,就是我们的项目依赖文件夹
在这里插入图片描述
10. 最后使用npm run dev命令,在服务器上运行项目(一定要cd到项目目录才能运行
在这里插入图片描述
在这里插入图片描述
项目启动完成

后续:在webstorm上打开相应工程目录,在src底下进行具体项目开发。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

蛋蒸

大哥大嫂过年好,打个赏再走叭

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值