Vue新手必看！1分钟快速创建项目的魔法命令

江城开朗的豌豆2025-06-23 8:20

大家好，我是小杨，一个干了6年前端的老油条。今天聊点简单的------用Vue脚手架创建项目。虽然基础，但总有人踩坑，比如网速卡住、命令记错......来，直接上干货！

1. 最常用的命令（Vue CLI）

如果你还在用Vue 2，或者需要老项目维护，这个命令依然靠谱：

bash 复制代码

npm install -g @vue/cli  # 全局安装脚手架
vue create 我的项目       # 创建项目（名字别用中文！）

⚠️ 注意：

遇到npm卡顿？换yarn或国内镜像（比如淘宝源）。
选择配置时，新手直接按回车用默认配置，别手贱选一堆插件，回头再学！

2. 更快的选择（Vite + Vue 3）

现在新项目我基本都用Vite了，速度飞起：

bash 复制代码

npm create vite@latest 我的项目 --template vue

✅ 优势：

比Vue CLI快10倍，尤其适合现代浏览器项目。
默认Vue 3，但通过--template vue-ts可以加TypeScript支持。

3. 坑点预警

包管理器混乱 ：有人用npm有人用yarn，混着用可能依赖爆炸。锁定一种！
版本冲突：公司老项目用Vue 2？创建时记得选版本：
bash 复制代码
```
vue create 我的项目 --legacy
```

4. 创建完干啥？

跑起来啊！

bash 复制代码

cd 我的项目
npm run dev

看到localhost:8080（Vue CLI）或localhost:3000（Vite）就是成功了！

⭐ 写在最后

请大家不吝赐教,在下方评论或者私信我,十分感谢🙏🙏🙏.

✅ 认为我某个部分的设计过于繁琐,有更加简单或者更高逼格的封装方式

✅ 认为我部分代码过于老旧,可以提供新的API或最新语法

✅ 对于文章中部分内容不理解

✅ 解答我文章中一些疑问

✅ 认为某些交互,功能需要优化,发现BUG

✅ 想要添加新功能,对于整体的设计,外观有更好的建议

✅ 一起探讨技术加qq交流群：906392632

最后感谢各位的耐心观看，既然都到这了，点个 👍赞再走吧！